Javascript 限制HighCharts中数据点的数量
当新点添加到空的HighChart图表中时,图表上的点数量会无限增加,随着X轴范围变大,图表会水平压缩Javascript 限制HighCharts中数据点的数量,javascript,jquery,charts,highcharts,highstock,Javascript,Jquery,Charts,Highcharts,Highstock,当新点添加到空的HighChart图表中时,图表上的点数量会无限增加,随着X轴范围变大,图表会水平压缩 myChart.series[1].addPoint([fields.timestamp, fields.score], true, true); 但是,如果将更多数据点添加到非空的图表中,图表将立即向左滚动,以适应新的数据点,而不改变x轴比例。我们将举一个例子。任何时候显示的数据点数量似乎是加载图表时图表上已存在的原始数据点数量 问题:对于这两种情况,我们如何更改/限制图表上的数据点数量(
myChart.series[1].addPoint([fields.timestamp, fields.score], true, true);
但是,如果将更多数据点添加到非空的图表中,图表将立即向左滚动,以适应新的数据点,而不改变x轴比例。我们将举一个例子。任何时候显示的数据点数量似乎是加载图表时图表上已存在的原始数据点数量
问题:对于这两种情况,我们如何更改/限制图表上的数据点数量(或限制x轴比例),这样,开始为空的图表将在添加更多数据点之前将数据点的数量增加到N
点,从而导致图表向左滚动。如果查看,您可以看到可以将属性添加到系列。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个点,然后添加任何新点,并删除左侧的最后一个点