2013-02-22 180 views
17

我有一個很棒的圖表,用戶可以放大。我真的不喜歡內置的ZOOM RESET按鈕,並且想要將我自己的自定義縮放重置按鈕添加到已存在的導航欄中。highcharts隱藏縮放重置按鈕,以編程方式調用縮放重置

所以我的問題是: 1.有沒有辦法隱藏默認的高圖ZOOM RESET按鈕? 2.是否可以調用一個方法/函數來執行縮放重置? (我可以通過我自己的按鈕點擊)

回答

32

您可以通過resetZoomButton作爲display: none並致電zoomOut

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

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

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

Demo

+1

有你也可以掛接到一個回調來確定何時顯示/隱藏(自定義)zoomreset按鈕? – TSG 2013-02-22 22:14:02

+1

在圖表選項中找到事件(選擇)。爲其他人提供FYI。我希望文檔更完整! – TSG 2013-02-23 03:20:03

+1

您可以使用HC回調, var chart = new Highcharts.Chart(options,function(chart){ console.log('chart generated'); }); – 2013-02-25 13:52:55