Question

当新点添加到空 HighChart图表时，图表上的点数会无限增加，图表会随着X轴范围变大而水平压缩。

myChart.series[1].addPoint([fields.timestamp, fields.score], true, true);

但是，当更多数据点添加到非空图表时，图表会立即向左滚动以容纳新数据点，而不会更改x轴刻度。一个例子是http://www.highcharts.com/demo/dynamic-update。任何时候显示的数据点数量似乎是加载图表时图表上已有的原始数据点数。

问题：对于这两种情况，我们如何更改/限制图表上的数据点数（或限制x轴刻度），以便从空开始的图表将增加在添加更多数据点之前，数据点数为N点会导致图表向左滚动。

Answer 1

如果查看docs，您可以看到可以将属性添加到series.addPoint。扩展this示例，您可以修改按钮代码，如下所示：

// the button action
var i = 0;
$('#button').click(function() {
    var chart = $('#container').highcharts();
    chart.series[0].addPoint(50 * (i % 3), true, chart.series[0].points.length > 15, true);
    i++;
});

我已添加chart.series[0].points.length > 15。这个例子开始于图表上已有12个点（因此长度为11）。我将继续添加点数，直到图表上有16个，然后添加任何新添加的点，并删除左边的最后一个点。

限制HighCharts中的数据点数

1 个答案: