在Highcharts中设置动态x轴范围

Question

以下设置将Highcharts上的x轴范围设置为过去一小时:

xAxis: {
    min: new Date().setHours(new Date().getHours() - 1), // last hour
    max: new Date().getTime()),                          // now
},

然而,每隔几秒就会添加更多数据点.如何使x轴动态,使得刻度随新数据点更新,仅显示过去一小时？

Answer 1

动态添加点时,您可以使用Axis.setExtremes(API)同时更新x轴.例如这样:

// Add new (random) point
chart.series[0].addPoint(Math.floor(Math.random() * 100));

// Update x-axis range
chart.xAxis[0].setExtremes(new Date().getTime(), new Date().setHours(new Date().getHours()+1));

请参阅此JSFiddle以获得类似的演示.