highcharts - 点击重置缩放按钮时触发 Highcharts 图表点击事件（错误？）

Question

我在图表上有一个点击事件，但如果您使用缩放并想重置缩放，点击事件也会被触发。

我有以下图表设置：

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

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

好吧，这看起来像一个错误，或者如果它是按照设计的那样，如果单击重置缩放按钮，如何阻止单击事件。

Answer 1

一个肮脏的方法可以是查看 srcElement

例如测试以下内容（检查 firstChild 是否为 null ...）

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

Answer 2

这是最终的解决方案。只需将以下配置设置为图表：

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

Answer 3

您可以通过 event.target http://jsfiddle.net/2Y3ah/3/识别是否单击了按钮

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

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