Maurice, Your link results in a "not available" error. It would probably help to see what you are talking about, and there may be some issues we will need to work on.
SVG layering is simply based on order of the elements. This may help: http://stackoverflow.com/questions/482115/with-javascript-can-i-change-the-z-index-layer-of-an-svg-g-element On Sun, May 10, 2015 at 2:36 PM, mla <[email protected]> wrote: > 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. > -- Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> - 978-394-1058 [email protected] <[email protected]> 5CC, Cambridge MA [email protected] <[email protected]> 9 Juniper Ridge Road, Acton MA -- 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.
