Highslide JS > Highchart -如何修改？

Question

我如何让这个例子http://www.highcharts.com/demo/?example=spline-plot-bands&theme=default，活动，每秒更新，就像这个例子http://www.highcharts.com/demo/?example=dynamic-update&theme=default一样。

第一个例子，带带标尺的样条曲线，正是我想要的；2个标图，可以选择隐藏或显示其中之一。唯一缺少的是让它们活着，像另一个例子一样每秒更新一次。

我怎么可能做到这一点呢？

谢谢!

Answer 1

第二个实例中的实时更新是通过向chart中的load事件添加计时器来完成的

chart: {
    //...
    events: {
        load: function() {
            // set up the updating of the chart each second
            var series = this.series[0];
            setInterval(function() {
                var x = (new Date()).getTime(), // current time
                    y = Math.random();
                series.addPoint([x, y], true, true);
            }, 1000);
        }
    }
    //...
}

因此，当图表加载完成后，将调用setInterval，该函数每1000毫秒(即每秒)调用一次所提供的函数；setInterval的回调只是通过series.addPoint添加一个新点。

您所需要做的就是添加一个load事件处理程序，该处理程序设置一个适当的setInterval调用来添加您的新点。在更实际的情况下，您可以使用setTimeout启动AJAX调用以获取更多数据，然后在AJAX的成功回调中，添加新的点并再次调用setTimeout，以安排在另一秒(或应用程序中的任意时间间隔)之后进行另一次AJAX调用。

Highcharts documentation看起来相当全面，每个示例(其中有很多)都有一个方便的“查看选项”按钮，用于查看代码，因此设置应该相当简单，只需稍微研究一下。