Highcharts 仅显示Highchart上的最后x点
我有一个这样的动态数据系列Highcharts 仅显示Highchart上的最后x点,highcharts,Highcharts,我有一个这样的动态数据系列 [1,0],[2,0],[3,0],[4,0],[5,0],[6,2],[7,5],[8,6],[9,6],[10,6],[11,7],[12,8],[13,8],[14,9] 数据会自动增长,因此稍后会添加一个额外的数据点,例如[15,13] 我有一个输入字段,用户可以在其中选择要显示的端点的点数。 例如,如果他输入5,则只有[10,6]、[11,7]、[12,8]、[13,8]、[14,9]应可见。但是当添加额外的点时,它应该自动变成[11,7],[12,8],
[1,0],[2,0],[3,0],[4,0],[5,0],[6,2],[7,5],[8,6],[9,6],[10,6],[11,7],[12,8],[13,8],[14,9]
数据会自动增长,因此稍后会添加一个额外的数据点,例如[15,13]
我有一个输入字段,用户可以在其中选择要显示的端点的点数。
例如,如果他输入5,则只有[10,6]、[11,7]、[12,8]、[13,8]、[14,9]
应可见。但是当添加额外的点时,它应该自动变成[11,7],[12,8],[13,8],[14,9],[15,13]
我想我必须使用chart.xAxis[0].setextrems()
,但我不知道输入什么作为参数 添加点时,必须“重新应用”setExtremes
。setExtremes
函数接受这些参数():
您必须使用min
和max
来显示所需的点数,并使其包括最后一个点数。例如,您可以这样做:
var chart = $('#container').highcharts();
var numberOfPointsToShow = 5;
// Add new random point
chart.series[0].addPoint(Math.random() * 25);
// Get index of last point
var lastPoint = chart.series[0].data.length - 1;
// Set extremes to go from "min" (based on last point) to last point
chart.xAxis[0].setExtremes(
lastPoint - (numberOfPointsToShow - 1), // min
lastPoint); // max
请参阅动态添加点。感谢API参考,当我在谷歌上搜索时,我只找到了events.setextrems()。。。
var chart = $('#container').highcharts();
var numberOfPointsToShow = 5;
// Add new random point
chart.series[0].addPoint(Math.random() * 25);
// Get index of last point
var lastPoint = chart.series[0].data.length - 1;
// Set extremes to go from "min" (based on last point) to last point
chart.xAxis[0].setExtremes(
lastPoint - (numberOfPointsToShow - 1), // min
lastPoint); // max