Highcharts 导航器缩放

Highcharts Navigator Zoom

我使用 highcharts,我刚刚添加了我的导航器。默认情况下它是 100% 缩小。我的 JSP 中已经有我的时间跨度按钮,所以我不想使用 rangeSelector。我如何以编程方式放大我系列的特定范围?

例如,当我单击 5 年按钮时,我获取了 10 年的数据,并将其全部显示在图表中,因为我被 100% 缩小了。我想要的是放大以显示 5 年的数据,但仍然呈现 10 年的所有数据以防万一我想缩小。

您需要使用 setExtremes 方法 xAxis

chart.xAxis[0].setExtremes(min, max);

现场演示: http://jsfiddle.net/BlackLabel/f394h8ps/

API参考:https://api.highcharts.com/class-reference/Highcharts.Axis#setExtremes