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

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

我有计时器window.setInterval(updateChart, 1000);，它每秒都能正确实现数据。

但是我不知道如何实现这种观点。重要的是，我不想一次又一次绘制图表。我只想转移点并添加新点。有人知道该怎么做吗？

最佳答案

查看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。

关于javascript - Highcharts :数据实现后更新图表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26259820/