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

Question

在饼图中，c3js默认显示悬停饼图时的手形光标（指针）。我想对条形图中的每个条形图具有相同的行为。如何实现？

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

.c3-event-rect {
    cursor:pointer;
}

澄清这是jsfiddle example 我希望只将指针光标放在条形项上，因为只有它们是可点击的。

Answer 1

花了太多时间，我终于找到了一个解决方案。 Here is a jsfiddle，它详细解释了两行代码（在注释中）。

如果您不了解细节，请不要担心，或者只是让我详细说明。 ：）

tl; dr ：

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

Answer 2

只需使用以下CSS

即可

.c3-bar {
    pointer-events: auto !important;
}

请注意，您需要!important覆盖C3添加到条形图的内联pointer-events: none。