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' 
      } 
     } 
    });