在HighCharts中限制数据点的数量

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

如果查看文档 ，可以看到可以将属性添加到series.addPoint 。 扩展该示例，您可以像这样修改按钮代码：

// 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个点，然后添加新添加的点，并删除左侧的最后一个点。