如何处理高位图轴标签上的鼠标事件

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