I don't know what the slider does in the background, but it probably involves making the div's hidden. Drawing charts in hidden divs is known to cause problems (it has something to do with dimensions as I recall), so the general rule of thumb is to draw the chart before you hide the div (use a "ready" event handler for the chart to hide the div when it's done drawing). Most charts draw fast enough that users never see the chart before the div gets hidden. Alternatively, you can draw the chart immediately after the div is unhidden. The slider should expose some kind of event to determine when the slider is moved, so you should be able to hook that event inside your drawing functions to get the right chart drawn at each stage.
On Sunday, September 9, 2012 11:31:06 PM UTC-4, Gwi7d30 wrote: > > I've been trying to solo this one myself, but I've hit a brick wall. I > have a collection of 6 different Google Charts all on one page in a jQuery > slider. Everything is perfect when viewed in Chrome, but it's glitchy > inside FF and IE. In FF and IE, the first framed Google Chart is fine, but > when you advance the slider to a different Google Chart, the legend, hAxis, > and vAxis titles are thrown off. When the charts are outside the slider, > the graphs are fine. I'm figuring it's some kind of CSS conflict, but I > haven't figured it out yet. I've been FireBugging like crazy and can't get > a solution. The one thing I've noticed in the iframe that Google creates to > produce the Google Chart is the consistency of the x & y aligned by the > text tag it uses. It's actually different when inside the jQuery slider. > Any help or insight would be greatly appreciated. The first link below is > the Google Chart/jQuery slider combo. The second is the Charts without the > slider. > > With slider: > http://www.burlington-weather.com/current_weather_conditions.php?cityzip=05401 > > Without Slider: > http://www.burlington-weather.com/current_old.php?cityzip=05401 > > PS...yes I did try a totally different slider and I got the same result! > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/bd4mSVgn1yMJ. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
