JQPlot - 如何將光標更改爲懸停在JQPlot中的條形圖上的指針？

Question

我想將光標懸停到JQPlot的Bar時將其改爲「指針」。

我試圖改變CSS。但它沒有奏效。請幫幫我。

Answer 1

你需要 - 正如你試過的 - 用CSS修改它。 你也許還沒有運用正確的元素CSS的變化，你需要把它應用到.jqplot事件畫布：

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

請參見工作示例here

編輯小提琴和代碼更新根據sdespont的評論。

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

Answer 2

謝謝您的回答：

PS由於寫的盧卡斯·耶利內克，當你unhighlight你的數據，你可以重新定義默認指針。

我們可以通過這種方式也在做同樣的事情：

光標：{ 風格： '指示器'， 顯示：真實， showTooltip：假 }

但我想光標：」指針「應該顯示在欄上，而不是整個圖表區域。

Answer 3

由於採用寫道AnthonyLeGovic，將其綁定：

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

，但不要忘了解除綁定也設置正常光標當你搬出：

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