You need to track the 'ready' state of each gauge and run the code only if
all gauges are done. See an example here:
http://jsfiddle.net/asgallant/NdRx8/5/
On Thursday, June 21, 2012 11:44:22 AM UTC-4, Denonth wrote:
>
> Thank you for your help. This is working. But here is a another question.
> What if I have more than one gauge in the div? Here we can see only one,
> but as a matter of fact I have 3 inside it. How to put listener for that if
> you got an idea?
>
> Each gauge is draw separately and they have different options and so on.
> Its like you have that code for one gauge X 3 but each is different.
>
> Thank you
>
> On Thursday, June 21, 2012 5:00:58 AM UTC+2, asgallant wrote:
>>
>> What is happening here is that the document's 'ready' event is firing
>> before the gauge finishes drawing, so the dimensions are all messed up.
>> The solution is to move the document 'ready' code into a 'ready' event
>> handler for the gauge. You might also want to consider changing the $(
>> "#chart_div").hide(); and $("#chart_div").show(); lines to target the
>> 'right' div instead.
>>
>> On Tuesday, June 19, 2012 3:42:01 PM UTC-4, Denonth wrote:
>>>
>>> Does anyone has some idea?
>>
>>
--
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/-/43fr1Sz_bzAJ.
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.
