Highcharts:在数据实现时更新图表

Highcharts: update chart when data actualized

本文关键字：更新 实现 数据 Highcharts      更新时间：2023-09-26

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

我有定时器window.setInterval(updateChart, 1000);，它可以很好地实现每秒的数据。

但我不知道如何实现这个观点重要的是我不想一秒一秒地画图表我只想转移点并添加新的点。有人知道怎么做吗？

查看series.addPoint方法。

您的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。

相关文章：