2

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

高图演示

4

1 回答 1

2

轴标签可以作为 访问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 内部可能会重用相同的标签。

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

于 2012-10-06T09:23:38.027 回答