javascript - 向 Highcharts X 轴添加更多数据

Question

我正在尝试使用 highchart 实时更新图表，图表使用 setInverval 函数每 2 秒更新一次，并使用 .addPoint 添加数据，如下所示。

setInterval(function (data) {
    var inf = parseInt(data.stat);
    chart_data.addPoint([x,purple], true, true);
},2000);

一切工作正常，只是图表没有容纳太多数据，并且每秒之前添加的数据都会被推到消失，因此它没有容纳足够的数据。我希望图表在清除旧数据之前保存更多数据。就像保留最后 5 分钟的数据一样，一旦每 2 秒添加新数据，前 5 分钟添加的数据就会被清除。

目前图表如下所示，

xAxis: {
    type: 'datetime',
    tickPixelInterval: 10
       },

显然降低tickPixelInterval似乎也没有帮助。我该如何修复它？谢谢

Answer 1

您正在使用:

chart_data.addPoint([x,purple], true, true);

第二个 true 是移位参数(请参阅 API: http://api.highcharts.com/highcharts#Series.addPoint )，并且将导致系列在添加最新数据点时删除第一个数据点。为了避免这种情况，您可以检查是否有足够的数据来执行转变。例如 2 秒 * 150 = 5 分钟(300 秒)，因此如果 addPoint 被调用 151 次及之后，则 shift 参数应该为 true，否则为 false。