highcharts隐藏缩放重置按钮，以编程方式调用缩放重置

Question

我有一个很好的图表，用户可以放大。我真的不喜欢内置的缩放重置按钮，我想把我自己的自定义缩放重置按钮添加到已经存在的导航栏中。

所以我的问题是：1.有没有办法隐藏默认的高点ZOOM RESET按钮？2.是否有我可以调用的方法/函数来执行ZOOM RESET？（我可以通过自己的按钮点击调用）

Answer 1

您可以将resetZoomButton作为display: none传递并调用zoomOut。

chart: {
    resetZoomButton: {
        theme: {
            display: 'none'
        }
    }
}
$('#resetZoom').click(function() {
    chart.zoomOut();
});
<input type="button" value="reset zoom" id="resetZoom"/>

演示

Answer 2

只需获取图表并调用zoomout:

chart = $("#your-chart").highcharts();
chart.zoomOut();