Hi all,

We have a CSS tab based webpage, and there are multiple google column
charts of the same width, only one of which is visible at a time.
Similarly, there are multiple google table charts only one of which is
visible at a time.  The rest are not seen as the <div> container has
display set to "none" during pageload.

The problem is that for all such charts, certain issues are seen:
- The legend width is not calculated properly, leading to legend texts
which appear on each other (seen in Firefox, not in Chrome)
- The table header is not fixed while scrolling vertically, it moves
up like the rest of the table (seen in both FF and Chrome)

Only the charts whose display was set to "block" during pageload
appear correctly.

What can be the workaround for this?  I tried showing all charts
initially, and then hide them on a <ready> event from the charts, but
ran into a timing problem.  Should I experiment with z-index or what
do you guys suggest?

thanks a lot...

-- 
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
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.

Reply via email to