HELP ME 2009/3/29 [email protected] <[email protected]>
> 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 -~----------~----~----~----~------~----~------~--~---
