Question

在highcharts中，我们可以使用动态更新的图表：https://www.highcharts.com/demo/dynamic-update

我有一个播放按钮来启动图表的更新，但我想知道是否可以从头开始保存数据。我想要一个实时图表，您可以从我们启动它的那一刻开始查看数据，并且每秒钟都可以查看新数据。

是否可以设置此选项？

Answer 1

我认为你需要这样的东西：

Highcharts.chart('container', {
    chart: {
        ....,
        events: {
            load: function () {
                var series = this.series[0];
                setInterval(function () {
                    x = yourMethodTofetchNewX()
                    y = yourMethodTofetchNewY()
                    //or fetch them together somehow, depends on your system
                    series.addPoint([x, y], true, true);
                }, 1000); // number of miliseconds for the next fetch
            }
        }
    },....

您应该定义一个load事件，在该事件中触发一个获取新数据的函数。然后创建“ setInterval ”，它将定期调用“ fetch ”函数。

Here is an example with random data

将值保存在每秒更新的图表中

1 个答案: