Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/371.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Highslide JS>;Highchart-如何修改?_Javascript_Highcharts - Fatal编程技术网

Javascript Highslide JS>;Highchart-如何修改?

Javascript Highslide JS>;Highchart-如何修改?,javascript,highcharts,Javascript,Highcharts,我如何制作这个示例,实时,每秒钟更新一次,就像在这个示例中一样 第一个例子,带绘图带的样条曲线,正是我想要的;2个打印图形,带有隐藏或显示其中一个的选项。。 唯一缺少的是让它们像在另一个例子中一样实时更新 我怎么可能做到呢 谢谢大家! 第二次实时更新是通过在图表中的加载事件中添加计时器来完成的 chart: { //... events: { load: function() { // set up the updating of the

我如何制作这个示例,实时,每秒钟更新一次,就像在这个示例中一样

第一个例子,带绘图带的样条曲线,正是我想要的;2个打印图形,带有隐藏或显示其中一个的选项。。 唯一缺少的是让它们像在另一个例子中一样实时更新

我怎么可能做到呢


谢谢大家!

第二次实时更新是通过在
图表中的
加载
事件中添加计时器来完成的

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);
        }
    }
    //...
}
因此,当图表完成加载时,将调用,并且每隔1000毫秒(即每秒)调用提供的函数;
setInterval
的回调只是通过添加一个新的点

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


该视图看起来相当全面,每个示例(其中有许多)都有一个方便的“视图选项”查看代码的按钮,因此设置内容应该非常简单,需要进行一些研究。

我如何停止highcharts加载点?新值是否等于上一个值???@ivcode:我已经有一段时间没有接触highcharts了,所以我不知道,可能会问一个新问题。找到更好的图表库了吗?