Add a dynamic data, the newly added data can not be displayed on the
motionchart in the Select display gray, only a select y-axis data, the
newly added data will be displayed.
Why
my code:
<html>
<head>
<script type="text/javascript" src="http://www.google.com/jsapi";></
script>
<script type="text/javascript">
google.load('visualization', '1', {'packages':['motionchart']});
google.setOnLoadCallback(drawChart);
function drawChart()
{
data = new google.visualization.DataTable();
//data.addRow();
data.addColumn('string', 'Fruit');
data.addColumn('date', 'Date');
data.addColumn('number', 'Sales');
data.addColumn('number', 'Expenses');
data.addColumn('string', 'Location');
data.addRow();
data.setValue(0, 0, 'Apples');
data.setValue(0, 1, new Date (1988,0,1));
data.setValue(0, 2, 1000);
data.setValue(0, 3, 300);
data.setValue(0, 4, 'East');
data.addRow();
data.setValue(1, 0, 'Oranges');
data.setValue(1, 1, new Date (1988,0,1));
data.setValue(1, 2, 950);
data.setValue(1, 3, 200);
data.setValue(1, 4, 'West');
data.addRow();
data.setValue(2, 0, 'Apples');
data.setValue(2, 1, new Date(1988,1,1));
data.setValue(2, 2, 1200);
data.setValue(2, 3, 400);
data.setValue(2, 4, "East");
data.addRow();
data.setValue(3, 0, 'Oranges');
data.setValue(3, 1, new Date(1988,1,1));
data.setValue(3, 2, 900);
data.setValue(3, 3, 150);
data.setValue(3, 4, "West");
chart = new google.visualization.MotionChart(document.getElementById
('chart_div'));
chart.draw(data, {width: 600, height:300});
}
function addOnedata()
{
data.addRow();
data.setValue(4, 0, 'Bananas');
data.setValue(4, 1, new Date (1988,0,1));
data.setValue(4, 2, 300);
data.setValue(4, 3, 250);
data.setValue(4, 4, 'West');
data.addRow();
data.setValue(5, 0, 'Bananas');
data.setValue(5, 1, new Date(1988,1,1));
data.setValue(5, 2, 788);
data.setValue(5, 3, 617);
data.setValue(5, 4, "West");
chart.draw(data, {width: 600, height:300});
}
</script>
</head>
<body>
<input value="add" type="button" onclick='addOnedata()' />
<div id="chart_div" style="width: 600px; height: 300px;"></div>
</body>
</html>
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
