javascript - Highcharts:数据实现时更新图表

Question

我正在使用Highcharts我想要 this图表每秒更新一次。这就是我现在拥有的:JSFiddle

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

但我不知道如何实现这个 View 。 重要的是我不想每秒一次又一次地绘制图表。我只想移动点并添加新点。有谁知道该怎么做吗？

Answer 1

看系列.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 .