JQPlot - 如何在JQPlot中将光标更改为指向Hover to Bar？

Question

当我将光标悬停在JQPlot的Bar上时，我希望将光标更改为'Pointer'。

我试图改变CSS。但它没有用。请帮帮我。

Answer 1

您需要 - 正如您所尝试的那样 - 使用CSS修改它。 您可能没有对正确的元素应用CSS更改，您需要将其应用于 .jqplot-event-canvas ：

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

请参阅工作示例here

修改根据 sdespont 的评论更新小提琴和代码。

PS 正如Lukas Jelinek所写，您可以在取消点亮数据时重新定义默认指针：

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

Answer 2

正如安东尼莱戈维奇所写，用以下方法绑定它：

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

但是当你搬出时不要忘记取消绑定以设置正常光标：

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

Answer 3

感谢您的回答。

我们也可以这样做：

cursor：{             风格：'指针'，             显示：是的，             showTooltip：false         }

但是我想要Cursor：当它在条形图上而不是整个图表区域时，应该显示“指针”。