I have a page with several tabs that when clicked fires off a
JQuery.ajax call which inserts a pair of charts generated by the
Visualization API into a block element on the page. The code that is
being inserted into the page looks something like the following (chart
data is generated dynamically in practice):
<script type="text/javascript">
function drawCharts() {
var peer_data = new google.visualization.DataTable();
var expert_data = new google.visualization.DataTable();
peer_data.addColumn('string', 'Choice');
expert_data.addColumn('string', 'Choice');
peer_data.addColumn('number', 'Percentage');
expert_data.addColumn('number', 'Percentage');
peer_data.addRows([['Yes', 30]]);
peer_data.addRows([['No', 70]]);
expert_data.addRows([['Yes', 38]]);
expert_data.addRows([['No', 62]]);
var peer_chart = new
google.visualization.PieChart(document.getElementById('peer_chart_div'));
peer_chart.draw(peer_data, {width: 400, height: 240, is3D:
true, title: "Peers"});
}
drawCharts();
</script>
<div id='peer_chart_div' class='chart'>
</div>
<div id='expert_chart_div' class='chart'>
</div>
This works fine on Opera and Chrome, but on Firefox no charts are
being displayed. When I look at the DOM, all I see are two empty
iframes:
<iframe id="GChart_Frame_1" width="400" scrolling="no" height="240"
frameborder="0" name="GChart_Frame_1" marginheight="0"
marginwidth="0">
<html>
<head>
<title/>
</head>
<body/>
</html>
</iframe>
Looked around these boards but could not find anything, so any help
would be appreciated. Thanks.
--
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.
