如何从 d3 饼图中删除光标指针

Question

是否有一个选项可以禁用 c3|d3 饼图中的 "cursor: pointer" 样式？ 我只是显示切片，悬停时只显示 % 百分比和标签，不需要指针，因为它被误解为指向某处的 link，但它是默认光标...

更新一： 我找到了一个解决方法，但它没有回答我的问题..

onrendered: function () { $('#my_chart_id .c3-shape').css('cursor', 'default'); }

Answer 1

我认为最直接的做法是使用 D3 select 饼图的每个圆弧并更改光标样式，如下所示：

d3.selectAll(".c3-arc").style("cursor", "auto");

Fiddle 这里：http://jsfiddle.net/henbox/k9Dbf/270/

此处的光标样式选项：http://www.w3schools.com/cssref/pr_class_cursor.asp

Answer 2

通过CSS覆盖：

.c3-shape {
  cursor: default !important;
}

Answer 3

我使用了针对所有（我们的）c3 实例的 css 覆盖：

.c3-event-rect {
  cursor: default !important;
}