This Sorry for the late reply, but this indeed was the problem.
However, this method did not solve it. We solved it using absolute
positioning [placing it outside the div with overflow hidden, thus making
it appear hidden].
Not a great solution, but it works.
Op woensdag 7 maart 2012 19:22:57 UTC+1 schreef asgallant het volgende:
>
> You need to make the div's visible before drawing the charts. You can
> hide them immediately after they finish drawing by using a 'ready' event
> handler, like this:
>
> var div = document.getElementById( 'piechart-'+i );
> var chart = new google.visualization.PieChart(div);
> div.style.display = 'block';
>
> google.visualization.events.addListener(chart, 'ready', function () {
> div.style.display = 'none';
> });
>
> chart.draw(data, options);
>
> On Wednesday, March 7, 2012 5:04:17 AM UTC-5, Kasper wrote:
>>
>> Ok, I've figured out a bit more.
>> It seems that the mockup was just working fine, because where I am using
>> it in the website, it is initially hidden (display:none). When you press a
>> button, the piecharts are shown (display:block).
>> So when you refresh the page with the piecharts visible, they are messed
>> up.
>> I'm not sure why... but that is what's causing it... now I just need a
>> solution..
>>
>> Op woensdag 7 maart 2012 10:29:00 UTC+1 schreef Kasper het volgende:
>>>
>>> Yes, here is an example:
>>> http://test.lyxdesign.nl/chart-mockup.html
>>>
>>> However, I've figured out why it is malfunctioning in Firefox:
>>> When the first request is send, firefox does not handle the request
>>> properly: it seems like it only partially loads the request.
>>> Why?
>>> Well, when you recieve the piechart for the first time, the labels are
>>> all shown (not hidden when the area is too small for example) and not
>>> placed properly.
>>> And when you then refresh the page, firefox reloads (and finishes) the
>>> request/piechart, and fixes the layout: hides the right labels, and places
>>> them right.
>>>
>>> I do not know why this is though...
>>> Do you have any 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/-/7ZFKL6rB12UJ.
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.
