jquery - jqplot の軸ラベルをクリック可能にする

Question

(カテゴリ X 軸の) 軸ラベルをクリック可能にするにはどうすればよいですか。

問題が少ない場合は、クリックすると新しいリンクが表示されても問題ありません (JavaScript コードではありません)。

これを行う方法はありますか？

ありがとう、ボアズ。

Answer 1

簡単なスクリプトを次に示します。

$(".jqplot-xaxis-label")
    .css({
        cursor: "pointer",
        zIndex: "1"
    })
    .click(function(){ location.href = "http://google.com"; });

上で起こっている最も重要なことは、zIndexが 1 に設定されているため、キャンバス オブジェクトの上に置かれていることです。これで、実際にクリックできます。このcursorスタイルは、フレンドリーなロールオーバー マウス アイコンを備えているだけです。これで、クリック イベント内で好きなことを実行できます。

Answer 2

私の答えはAbishai Grayとほぼ同じですが、最新バージョンの jqPlot (テスト済みのバージョン: 1.0.4) で動作するという違いがあります。

Axis の目盛りの CSS クラスが -label ではなく -tick で終わるようになりました

$('.jqplot-xaxis-tick')
    .css({ cursor: "pointer", zIndex: "1" })
    .click(function () { alert('Axis Tick Clicked'); });

Answer 3

カテゴリをクリックした後の動作として期待するものに依存します

ティックのジェネレーターは、次のファイルにあります。jqplot.axisTickRenderer.js

1）コードを
変更して、すべての目盛り#idを付け、独自のjqueryコードで動作を添付します

2) 目盛りをリストし$(".jqplot-xaxis")、動作を追加します -| |-