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

Question

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

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

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

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

Answer 1

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

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

tl;博士 ：

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

Answer 2

只需使用以下CSS

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

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