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

Posted 2021-03-28

是否有一个选项可以禁用c3 | d3饼图中的“cursor：pointer”样式？我只是显示切片并在悬停时只显示％百分比和标签，不需要指针，因为它被误解为某个地方的链接，但它是默认光标...

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

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

答案

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

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

在这里小提琴：http://jsfiddle.net/henbox/k9Dbf/270/

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

另一答案

通过CSS覆盖：

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