I'm trying to get a fully responsive line chart working using the new "material charts", along with a text overlay. I'd like the text to be responsive as well, of course.
You can see the current attempt here: http://mla.homeunix.com/q-ratio The chart itself resizes nicely (at least on Chrome). The large "67%" text is an inline SVG which also resizes fairly well, although there's some issues with it overlapping the chart or legend at small sizes. But the main problem is the tooltips. If you try hovering on the line chart, you'll see that the tooltip boxes run *under* the text overlay. The SVG overlay is also being limited in size (rather than allowed to expand across the full width/height of the container), since at full width it prevents the tooltip function from registering at all. I've read the G article on overlays here <https://developers.google.com/chart/interactive/docs/overlays>, but those examples show fixed font sizes; I'd like the text to remain responsive to the size of the chart. Any suggestions? Is SVG text the wrong approach to take here? Is there a way to control the z-index of the text, to allow the tooltips to float over it? Or a way to set the chart background opacity to 0 to allow the chart to sit on top of the text? Thanks -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/d/optout.
