Highstocks - 如何检测何时按下缩放按钮

Question

我一直在谷歌搜索并梳理Highstock API，但似乎无法找到按下缩放按钮时的事件监听器。

例如在this example中当用户点击左上角的一个缩放按钮时，我想要触发一个事件，预计会点击该按钮的索引。

Answer 1

可以从chart对象访问按钮.rangeSelector.buttons。所以像这样会在它们上创建一个额外的点击处理程序：

var thoseButts = Highcharts.charts[0].rangeSelector.buttons;
for (var i = 0; i < thoseButts.length; i++){
    $(thoseButts[i].element).click({idx: i},function(event){
        alert('Index: ' + event.data.idx);
    });
}

小提琴here。

Answer 2

替代解决方案

xAxis: {
    events: {
        setExtremes: function(e) {
            console.log(this);
            if(typeof(e.rangeSelectorButton)!== 'undefined')
            {
              alert('count: '+e.rangeSelectorButton.count + 'text: ' +e.rangeSelectorButton.text + ' type:' + e.rangeSelectorButton.type);
            }
        }
    }
},

http://jsfiddle.net/E6GHC/1/