highcharts如何捕捉并点击复位变焦按钮事件插入逻辑

Question

我使用highcharts并想插入点击复位变焦按钮事件一些逻辑，但我没有找到一个很好的办法。搜索在StackOverflow上，发现了最好的答案是：

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

但这种方式有1点的问题，当我们点击“重置缩放”按钮角落的事件将不会被触发。只有当我们点击文本TSPAN“重置缩放”这种方式会工作。想问一下，如果有另一种解决方案。

Answer 1

只要使用setExtremes事件，请参阅：http://jsfiddle.net/BlackLabel/pjy9682s/3/

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        zoomType: 'x'
    },
    xAxis: {
        events: {
            setExtremes: function (e) {
                if(typeof e.min == 'undefined' && typeof e.max == 'undefined'){
                     console.log('reset zoom clicked');   
                } else {
                     console.log('zoom-in');   
                }
            }
        }
    },
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0]
    }]
});

Answer 2

Highcharts提供了一个事件调用的选择

chart:{
  events: {
    selection: function() { /* your code here */ }
  }
}

此琴会帮助你http://jsfiddle.net/M7cfm/