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

Question

我在高级图表中有一个很好的图表，用户可以放大。我真的不喜欢内置的ZOOM RESET按钮，并希望将自己的自定义缩放重置按钮添加到已存在的导航栏中。

所以我的问题是： 1.有没有办法隐藏默认的highcharts 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"/>

Demo

Answer 2

**Here is the solution** 

     .highcharts-button{
            display: none;
        }

**OR**

    .highcharts-button-box{
            display: none;
        }

Answer 3

只需获取图表并调用缩小：

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