Thanks Andrew. I followed your direction, removed the code that was hiding
the DIVs, and then added an event handler on the toolbar 'ready' event
where I hide the divs I don't want to show. Here is the code:
var dashboard = new
google.visualization.Dashboard(document.getElementById('dummy_table_div'));
dashboard.bind([categoryPicker1],[dummyTable,Chart4]).draw(data1);
google.visualization.events.addListener(dashboard,'ready',function(){
console.log('Charts were drawn!'); // charts cannot yet be seen on the
screen, though, on breakpoint
$('.section2').addClass('hidden');
$('.section3').addClass('hidden');
});
This still doesn't fix the problem - you can see the problem at
http://www.towncharts.com/California/Demographics/Acalanes-Ridge-CDP-CA-Demographics-data.html
Just select the 3rd option (singles) in the Demographics menu item.
thanks,
anthony
On Wednesday, August 20, 2014 6:04:53 PM UTC-7, Andrew Gallant wrote:
>
> This is caused by drawing charts inside hidden divs, which breaks the
> Visualization API's internal dimension detection algorithms. The solution
> is to draw the charts before hiding them, or to draw the charts when their
> containers are first opened.
>
> On Wednesday, August 20, 2014 8:59:28 PM UTC-4, AM wrote:
>>
>> I've been creating pages with a lot of Google Charts.
>>
>> To make the pages more manageable I put groups of charts together into
>> Div tags. Then I have a menu that shows or hides the various groups of
>> charts (i.e. Div tags). When I show charts that were hidden they show up
>> with their legends garbled.
>>
>> Here is an example:
>> http://www.towncharts.com/Alabama/Demographics/Abanda-CDP-AL-Demographics-data-garbled.html
>>
>> Check the first menu item, "Demographics" which is a drop down. Just
>> pick Section 3.
>>
>> Is this something that I can rectify with a setting of some type? Has
>> anyone seen this before?
>>
>> Thanks for any help!
>>
>
--
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/d/optout.
