如何在添加数据行后重绘Google图表?

时间:2017-07-13 10:25:52

标签: javascript charts google-visualization

 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(数据选项)。但那没用。

0 个答案:

没有答案
相关问题