Javascript 在1秒内显示100个点:Highcharts
所以我有一个项目,我试图更新图表。其中每秒显示100个点 为此,我尝试从高图表 但图表停止对此类事件作出反应 守则: 您可以将addPoint方法中的redraw参数设置为false,并以更长的时间间隔调用chart.redraw:Javascript 在1秒内显示100个点:Highcharts,javascript,highcharts,Javascript,Highcharts,所以我有一个项目,我试图更新图表。其中每秒显示100个点 为此,我尝试从高图表 但图表停止对此类事件作出反应 守则: 您可以将addPoint方法中的redraw参数设置为false,并以更长的时间间隔调用chart.redraw: chart: { ..., events: { load: function() { // set up the updating of the chart each second va
chart: {
...,
events: {
load: function() {
// set up the updating of the chart each second
var series = this.series[0],
chart = this;
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = Math.random();
series.addPoint([x, y], false, true);
}, 10);
setInterval(function() {
chart.redraw();
}, 500);
}
}
}
现场演示:
API参考:
看来你不能这么快添加数据。。。即使每秒2个500毫秒的间隔也会引起问题-750ms大约是间隔的最低稳定值有没有其他图表库可以如此快速地处理数据@JaromandaXdon不知道-也许删除highcharts中的动画可能会有帮助,即使是动画:false,您将幸运地获得每秒4次的动画制作为false。但这些线并没有覆盖整个图表。你可以在fiddle@JaromandaXIn中查看它。图表中的fiddle看起来并不像想象的那么好。我可能需要像下面的例子那样绘制数据:我知道这是一个不同的图表库。但是这个功能也可以在Highcharts上实现吗?Hi@debRoo,您需要禁用shift参数:两件事。1.Te点被压缩,当到达某个点2时不会移动。它在一秒钟内显示了多少个数据点?嗨@debRoo,1。可以使用null填充开始数据,并使用shift参数。示例:2。每秒100分。
chart: {
...,
events: {
load: function() {
// set up the updating of the chart each second
var series = this.series[0],
chart = this;
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = Math.random();
series.addPoint([x, y], false, true);
}, 10);
setInterval(function() {
chart.redraw();
}, 500);
}
}
}