如何在highcharts中的轴标签上处理鼠标事件

如何在highcharts轴标签上捕获鼠标事件？
我希望处理标签上的click事件以执行某些操作

高清演示

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); 

取消绑定任何以前添加的处理程序总是更好，因为内部可以由高图重用相同的标签。

处理/捕获轴标签上的事件@ jsFiddle