Highcharts：数据实现时更新图表

Question

我正在使用Highcharts，我希望this图表每秒更新一次。这是我现在有：JSFiddle

我有计时器window.setInterval(updateChart, 1000);它工作正常实现数据每秒。

但我不知道如何实现视图。 重要的是，我不想每秒钟重复绘制图表。我只想转移积分并添加新的积分。有谁知道如何做到这一点？

Answer 1

看看series.addPoint method。

你updateChart函数变为：

function updateChart() 
{ 
    for (var source = 1; source <=3; source++) 
    { 
       var point = [ 
       23, 
       Math.floor((Math.random() * 10*source) + 5+source*2), 
       source 
      ]; 
     Highcharts.charts[0].series[0].addPoint(point, false, true); // add the point, don't redraw and shift off a point 
    } 
    Highcharts.charts[0].redraw(); // 3 points added, now redraw 

} 

更新fiddle。