如何處理高位圖軸標籤上的鼠標事件

Question

如何在高位圖軸標籤上捕獲鼠標事件？
我想處理標籤上的點擊事件執行某些操作

A highchart demo

Answer 1

軸標籤可以爲yAxis.ticks["x"].label.element進行訪問。這是標籤的元素，現在可以按如下方式處理此元素上的任何事件。

var yAxis = chart.yAxis[0]; 
var onYaxisRedraw = function() { 
    for (var tickPos in yAxis.ticks) { 
     var $element=$(yAxis.ticks[tickPos].label.element); 
     $element.unbind('click'); 
     $element.click(function() { 
      alert("hi"); 
     }); 
    } 
} 
onYaxisRedraw(); 
yAxis.redraw(onYaxisRedraw); 

它總是更好地解除綁定任何以前添加的處理程序相同的標籤可以通過highchart內部被重用。

Handling/capturing events on axis labels @ jsFiddle