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'); 
});