jqplot - JQPlot - 如何在 JQPlot 中将光标更改为 Hover to Bar 上的指针？

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

感谢您的回答。

我们也可以通过这种方式做同样的事情：

光标：{样式：'指针'，显示：真，showTooltip：假}

但我希望光标：“指针”在条形图上而不是在整个图表区域上时应该显示。