2

ハイチャート軸ラベルでマウスイベントをキャプチャするにはどうすればよいですか?
特定のアクションを実行するために、ラベルのクリック イベントを処理したい

ハイチャートのデモ

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 に答える