JQPlot - カーソルをJQPlotのHover to Barのポインタに変更するにはどうすればよいですか？

Question

JQPlotのBarにカーソルを移動すると、カーソルを「Pointer」に変更したいです。

私はCSSで変更しようとしました。しかし、それは動作しませんでした。私を助けてください。

Answer 1

CSSを使用して修正する必要があります。 あなたは多分右の要素にCSSの変更を適用していない、あなたは.jqplot-イベントキャンバスにそれを適用する必要があります。

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

作業の例を参照してくださいhere

編集フィドルとコードsdespontさんのコメントに従って更新しました。

PSルーカスJelinekのによって書かれたとして、あなたがあなたのデータをハイライトを消したときに、デフォルトのポインタを再定義することができます：あなたの答えのための

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

Answer 2

感謝を。

我々はまた、この方法により行うことができます同じこと：

カーソル：{ スタイル： 'ポインタ'、 ショー：真、 showTooltip：偽 }

しかし、私はカーソルをしたいです：」 「Pointer」は、チャートエリア全体ではなく、バー上にあるときに表示されます。

Answer 3

としては、使用してそれをバインドし、AnthonyLeGovicを書いた：

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

いますが、退去時に通常のカーソルを設定するためにもそれをバインド解除することを忘れないでください：

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