【问题标题】:Highcharts Navigator ZoomHighcharts 导航器缩放
【发布时间】:2021-05-26 09:41:27
【问题描述】:

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

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

【问题讨论】:

    标签: highcharts


    【解决方案1】:

    xAxis需要使用setExtremes方法

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

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

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

    【讨论】:

    • 感谢您的回复。请问为什么要使用setTimeout?将尝试立即实施并更新结果!
    • 完美运行。谢谢。我的范围有问题(this.chart 在 setTimeout 内不起作用,所以我只是在没有 setTimeout 的情况下使用它)
    • 嗨@Christopher Vradis,我使用setTimeout 只是为了更好地展示动作。
    • 只是为了澄清任何阅读这篇文章的人,最小值最大值是日期 UTC 值。
    猜你喜欢
    • 1970-01-01
    • 2018-04-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多