highcharts ẩn nút đặt lại thu phóng, gọi zoom đặt lại theo lập trình

Question

Tôi có biểu đồ đẹp ở vạch cao mà người dùng có thể phóng to. Tôi thực sự không thích nút ZOOM RESET tích hợp sẵn và muốn thêm nút đặt lại thu phóng tùy chỉnh của riêng tôi vào thanh điều hướng đã có sẵn.

Vì vậy, câu hỏi của tôi là: 1. Có cách nào để ẩn nút cao cấp mặc định nút ZOOM RESET không? 2. Có phương pháp/chức năng nào tôi có thể gọi để thực hiện ZOOM RESET không? (Tôi có thể gọi nó từ nút bấm của riêng tôi)

Answer 1

Bạn có thể vượt qua resetZoomButton làm display: none và gọi zoomOut.

chart: { 
    resetZoomButton: { 
     theme: { 
      display: 'none' 
     } 
    } 
} 

$('#resetZoom').click(function() { 
    chart.zoomOut(); 
}); 

<input type="button" value="reset zoom" id="resetZoom"/> 

Demo