jqplot - JQPlot - JQPlot のバーへのホバーでカーソルをポインターに変更する方法は?

Question

JQPlotのバーにカーソルを合わせたときに、カーソルを「ポインタ」に変更したい。

CSSで変更してみました。しかし、うまくいきませんでした。私を助けてください。

Answer 1

試したように、CSSを使用して変更する必要があります。適切な要素に CSS の変更を適用していない可能性があります。それを.jqplot-event-canvasに適用する必要があります。

$('#chart1').on('jqplotDataHighlight', function () {
   $('.jqplot-event-canvas').css( 'cursor', 'pointer' );
});

ここで実際の例を見てください

Fiddle を編集し、 sdespontのコメントに従ってコードを更新します。

PS Lukas Jelinek によって書かれたように、データの強調表示を解除するときにデフォルト ポインターを再定義できます。

$('#chart1').on('jqplotDataUnhighlight', function() {
    $('.jqplot-event-canvas').css('cursor', 'auto');
});

Answer 2

AnthonyLeGovic が書いたように、次のようにバインドします。

$('#chart1').on('jqplotDataHighlight', function () {
   $('.jqplot-event-canvas').css( 'cursor', 'pointer' );
});

ただし、移動時に通常のカーソルを設定するためにバインドを解除することも忘れないでください。

$('#chart1').on('jqplotDataUnhighlight', function() {
    $('.jqplot-event-canvas').css('cursor', 'auto');
});

Answer 3

ご回答有難うございます。

この方法でも同じことができます：

cursor: { style: 'pointer', show: true, showTooltip: false }

しかし、私は Cursor:"Pointer" がグラフ領域全体ではなくバーにあるときに表示する必要があります。