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。