There are two solutions: 1) draw all charts before initiating the tab structure. You can hook "ready" events into the charts to track which charts have drawn already, and initialize the tabs when they are all done. Generally speaking, charts draw fast enough that users don't notice a flash of charts before the tabs are in place. 2) draw each chart the first time it's container tab is opened. This requires hooking into the events of the tab UI to catch whatever event is thrown when a tab is opened.
This forum is littered with threads about solving this problem; there's bound to be one that has code that can be easily adapted for your needs. On Tuesday, September 3, 2013 6:23:09 PM UTC-4, Julien B. wrote: > > absolutely. i have multiple tabs and initially this chart is not visible. > any workaround ? > > and sorry its not a CoumnChart but a LineChart. > > Le mercredi 4 septembre 2013 00:21:14 UTC+2, asgallant a écrit : >> >> That is an issue that usually occurs as a result of drawing the chart >> inside a hidden div. Is that the case with this chart? >> >> On Tuesday, September 3, 2013 5:37:06 PM UTC-4, Julien B. wrote: >>> >>> Hi There >>> >>> I have a strange issue with columns charts. >>> >>> in some conditions, the legend overlaps whatever i set in the >>> legend.position or legend.alignement. I didnt find any way to set the >>> legend width or customize it in any way. >>> >>> any idea how to fix this or to force a refresh ? >>> >>> >>> <https://lh6.googleusercontent.com/-8iNARg0WbgA/UiZWQjLp6wI/AAAAAAAAAW8/0xpiJsnoaxo/s1600/colchart-legend.png> >>> >>> <https://lh6.googleusercontent.com/-8iNARg0WbgA/UiZWQjLp6wI/AAAAAAAAAW8/0xpiJsnoaxo/s1600/colchart-legend.png> >>> >>> <https://lh6.googleusercontent.com/-8iNARg0WbgA/UiZWQjLp6wI/AAAAAAAAAW8/0xpiJsnoaxo/s1600/colchart-legend.png> >>> Thanks<https://lh6.googleusercontent.com/-8iNARg0WbgA/UiZWQjLp6wI/AAAAAAAAAW8/0xpiJsnoaxo/s1600/colchart-legend.png> >>> >>> <https://lh6.googleusercontent.com/-8iNARg0WbgA/UiZWQjLp6wI/AAAAAAAAAW8/0xpiJsnoaxo/s1600/colchart-legend.png> >>> Julien<https://lh6.googleusercontent.com/-8iNARg0WbgA/UiZWQjLp6wI/AAAAAAAAAW8/0xpiJsnoaxo/s1600/colchart-legend.png> >>> >> -- 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/groups/opt_out.
