0
我正在开发一个应用程序,我有一些CSV格式的数据,我想用谷歌可视化API在折线图中显示它们,我用JSON将我的数据发送到我的视图并显示给图表:更新谷歌图表
<script type="text/javascript">
results = [];
google.load("jquery", "1.3.2");
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(function(){
$.getJSON("http://localhost:8081/petclinic/users/7/campaigns/2/queries/4/analyze", function(data){
for (var i = 1; i < data.length; i++) {
data[i][1] =parseInt(data[i][1]);
}
var data = google.visualization.arrayToDataTable(data);
var options = {
title: 'Data Analysis'
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
});
});
</script>
这正常工作,现在我想将其他数据添加到这张图表,举例来说,如果我点击一个按钮,该数据应与新的信息和另一条线图进行更新应该引起有关方面能够比较它们。
下面是一个例子:比如在一开始,这是我的数据,该数据显示:
var data = google.visualization.arrayToDataTable([
['Date', 'Obama'],
['07/05/2004', 1000],
['08/05/2004', 1170],
['09/05/2004', 660],
['10/05/2004', 1030],
['11/05/2004', 1030],
['12/05/2004', 1030],
['13/05/2004', 1030],
]);
然后我想其他数据添加到这张图是这样的:
var data = google.visualization.arrayToDataTable([
['Date', 'Obama', 'Romney'],
['07/05/2004', 1000, 400],
['08/05/2004', 1170, 460],
['09/05/2004', 660, 1120],
['10/05/2004', 1030, 540],
['11/05/2004', 1030, 540],
['12/05/2004', 1030, 540],
['13/05/2004', 1030, 540],
]);