I want to show more than one chart on a page.
This is what I have so far:
<script type="text/javascript" src="http://www.google.com/jsapi";></
script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["linechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data1= new google.visualization.DataTable();
data1.addColumn('string', 'Date');
data1.addColumn('number', 'Test1');
data1.addRows(30);
data1.setValue(0, 0, 'test1');
data1.setValue(0, 2, 1);
data1.setValue(1, 0, 'test2');
data1.setValue(1, 2, 2);
var chart1 = new google.visualization.LineChart
(document.getElementById('div_1'));
chart1.draw(data1, {width: 600, height: 340, legend: 'bottom',
title: 'Chart 1'});
var data2= new google.visualization.DataTable();
data2.addColumn('string', 'Date');
data2.addColumn('number', 'Active Members');
data2.addRows(30);
data2.setValue(0, 0, 'test1');
data2.setValue(0, 2, 1);
data2.setValue(1, 0, 'test2');
data2.setValue(1, 2, 2);
var chart2 = new google.visualization.LineChart
(document.getElementById('div_2'));
chart2.draw(data2, {width: 600, height: 340, legend: 'bottom',
title: 'Chart 2'});
}
</script>
<div id="div_1"></div>
<br />
<div id="div_2"></div>
Only the first chart is shown on the page!
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
