function drawChart() {
data = new google.visualization.DataTable();
data.addColumn('number', 'Time');
data.addColumn('number', 'Emotion');
rowlength=ID.length;
for(i=0; i<rowlength;i++)
{
data.addRow([Number(ID[i]), PosPerc[i]-NegPerc[i] ]);
}
options = {
title: 'Emotion Analysis',
curveType: 'function',
legend: {position: 'bottom' },
colors: ['blue'],
vAxis: {minValue:-100, maxValue:100},
animation: { "startup":true, duration: 1000, easing: 'in' }
};
view = new google.visualization.DataView(data);
view.setRows(data.getSortedRows({column: 0, desc: true}));
var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
chart.draw(view, options);
}
这就是我使用Google Charts创建折线图的方法。现在。而不是首先加载整个数据。我希望有一个动画,当我们将每个数据行添加到其中时,该行会延伸。我试着在for循环中调用chart.draw(数据选项)。但那没用。