c3.js - 如何在条形图上显示手形光标悬停

zma*_*ark 4 javascript css d3.js c3.js

在饼图中,c3js默认显示悬停饼图时的手形光标(指针).我想对条形图中的每个条形图具有相同的行为.怎么实现呢?

我尝试了下面的css但它显示了手形光标,即使你在2个小节之间悬停.

.c3-event-rect {
    cursor:pointer;
}
Run Code Online (Sandbox Code Playgroud)

为了澄清这是一个jsfiddle示例 我想只在条形项上有指针光标,因为只有它们是可点击的.

小智 6

花了太多时间后,我终于找到解决方案.这是一个jsfiddle,它详细解释了两行代码(在注释中).

如果你不了解细节,不要担心它或只是让我详细说明.:)

tl;博士:

  1. data: { selection: { enabled: true }, [...]
  2. .c3-bar { cursor: pointer; }