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。