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添加到條形圖中。