Javascript Highcharts-使用ajax更新图表
这是我的随机数据样本图表 不起作用 第二件事。。。如何使用ajax更新这些系列?(我需要2个区域和4个样条线) 更新 所以我改变了这个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
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);