Highcharts圖表點擊事件點擊重置縮放按鈕（bug？）

Question

我在圖表上有一個點擊事件，但如果您使用縮放並想重置縮放，那麼點擊事件也會被觸發。

我有如下圖設置：

$('#container').highcharts({ 
     chart: { 
      type: 'line', 
      marginRight: 130, 
      marginBottom: 25, 
      zoomType: 'x', 
      events: { 
       click: function (event) { 
        alert('chart click!'); 
       } 
      } 
     }... 

看到工作示例：http://jsfiddle.net/2Y3ah/

嗯，這看起來像一個錯誤，或者如果它是按照設計如何阻止如果復位變焦按鈕的Click事件被點擊。

Answer 1

一個骯髒的方式可以是看srcElement

例如測試以下（檢查則firstChild不爲空...）

event.srcElement.firstChild.data === "Reset zoom" 

Answer 2

如果點擊按鈕，您可以識別，通過事件.TARGET http://jsfiddle.net/2Y3ah/3/

if(!($(event.target)[0].textContent)) 
         alert('chart click!'); 

http://api.jquery.com/event.target/

Answer 3

這是最終的解決方案。只需將以下配置設置爲圖表：

$('#container').highcharts({ 
     chart: { 
      resetZoomButton: { 
       relativeTo: 'chart' 
      } 
     } 
    });