c3.js - 如何在条形图悬停时显示手形光标
c3.js - how to show hand cursor on bar chart hover
在饼图中，当饼图切片悬停时，c3js 默认显示手形光标（指针）。我希望条形图中的每个条具有相同的行为。如何实现？
我尝试了下面的 css，但即使您将鼠标悬停在 2 个小节之间，它也会显示手形光标。
.c3-event-rect {
cursor:pointer;
}
澄清这是一个 jsfiddle example
我希望只在栏项目上使用指针光标，因为只有它们是可点击的。
只需使用以下CSS
.c3-bar {
pointer-events: auto !important;
}
请注意，您需要 !important 来覆盖 C3 添加到条形图的内联 pointer-events: none。
在花了太多时间之后，我终于找到了 a 解决方案。 Here is a jsfiddle，其中比较详细地解释了这两行代码（在注释中）。
如果你不明白细节，不要担心，或者只是让我详细说明。 :)
tl；博士：
data: {
selection: {
enabled: true
},
[...].c3-bar {
cursor: pointer;
}
在饼图中，当饼图切片悬停时，c3js 默认显示手形光标（指针）。我希望条形图中的每个条具有相同的行为。如何实现？
我尝试了下面的 css，但即使您将鼠标悬停在 2 个小节之间，它也会显示手形光标。
.c3-event-rect {
cursor:pointer;
}
澄清这是一个 jsfiddle example 我希望只在栏项目上使用指针光标，因为只有它们是可点击的。
只需使用以下CSS
.c3-bar {
pointer-events: auto !important;
}
请注意，您需要 !important 来覆盖 C3 添加到条形图的内联 pointer-events: none。
在花了太多时间之后，我终于找到了 a 解决方案。 Here is a jsfiddle，其中比较详细地解释了这两行代码（在注释中）。
如果你不明白细节，不要担心，或者只是让我详细说明。 :)
tl；博士：
data: { selection: { enabled: true }, [...].c3-bar { cursor: pointer; }