Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.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 Highcharts-使用ajax更新图表_Javascript_Jquery_Highcharts - Fatal编程技术网

Javascript Highcharts-使用ajax更新图表

Javascript Highcharts-使用ajax更新图表,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,这是我的随机数据样本图表 不起作用 第二件事。。。如何使用ajax更新这些系列?(我需要2个区域和4个样条线) 更新 所以我改变了这个 events: { load: function() { // set up the updating of the chart each second var series = this.series; setInterv

这是我的随机数据样本图表

不起作用

第二件事。。。如何使用ajax更新这些系列?(我需要2个区域和4个样条线)

更新 所以我改变了这个

        events: {
            load: function() {

                // set up the updating of the chart each second
                var series = this.series;
                setInterval(function() {
                    var x = (new Date()).getTime(), // current time
                        y = Math.random();

                    series[0].addPoint([x, y], false);
                    series[1].addPoint([x, y], false);
                    series[2].addPoint([x, y], false);
                    series[3].addPoint([x, y], false);
                    series[4].addPoint([x, y], false);
                    series[5].addPoint([x, y], true);
                }, 5000);
            }
        }
但它使我的浏览器崩溃:\ (注意那个链接!) 我做错了什么?

示例:

var series = this.series;
setInterval(function() {
  var x = (new Date()).getTime(), // current time
  y = Math.random(), 
  y1 = Math.random();
  series[0].addPoint([x, y], false);
  series[1].addPoint([x, y1], true);
}, 1000);
实例:


关于AJAX,只需在setInterval中调用一些getJSON()或类似的东西,并使用
addPoint()
(如上面的示例)将该响应中的值添加到图表中。

我对更多系列有问题:(它会使我的浏览器崩溃(请参阅主题)您将分类轴(
categories:[…]
)与日期时间轴混合在一起([timestamp,value]),因此它试图显示1369142816260之前所有时间戳的类别(示例),所以它挂起了浏览器。Use或categories,或datetime xAxis:我有类似的东西-但我注意到每次使用setInterval时,我的浏览器似乎都陷入了更多的困境。我正在使用update-这是Highcharts问题吗?请创建带有该问题的JSFIDLE示例。但我无法打开此示例,因为所有内容都已冻结。请查看示例:它工作正常。
        events: {
            load: function() {

                // set up the updating of the chart each second
                var series = this.series;
                setInterval(function() {
                    var x = (new Date()).getTime(), // current time
                        y = Math.random();

                    series[0].addPoint([x, y], false);
                    series[1].addPoint([x, y], false);
                    series[2].addPoint([x, y], false);
                    series[3].addPoint([x, y], false);
                    series[4].addPoint([x, y], false);
                    series[5].addPoint([x, y], true);
                }, 5000);
            }
        }
var series = this.series;
setInterval(function() {
  var x = (new Date()).getTime(), // current time
  y = Math.random(), 
  y1 = Math.random();
  series[0].addPoint([x, y], false);
  series[1].addPoint([x, y1], true);
}, 1000);