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

D3.js 如何从d3饼图中删除光标指针,d3.js,pie-chart,c3,D3.js,Pie Chart,C3,是否有从c3 | d3饼图中禁用“光标:指针”样式的选项? 我只显示切片,悬停时只显示百分比和标签,不需要指针,因为它被误解为指向某处的链接,但它是默认光标 更新1: 我找到了一个解决办法,但它不能回答我的问题 onrendered: function () { $('#my_chart_id .c3-shape').css('cursor', 'default'); } 我认为最直接的方法是使用D3选择饼图的每个弧,并更改光标样式,如下所示: d3.selectAll(".c3-arc").

是否有从c3 | d3饼图中禁用“光标:指针”样式的选项? 我只显示切片,悬停时只显示百分比和标签,不需要指针,因为它被误解为指向某处的链接,但它是默认光标

更新1: 我找到了一个解决办法,但它不能回答我的问题

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

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

d3.selectAll(".c3-arc").style("cursor", "auto");
在这里拉小提琴:

此处的光标样式选项:

通过CSS覆盖:

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

我已经使用了一个针对所有(我们的)c3实例的css覆盖:

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

非常感谢你,亨利,我会投赞成票,虽然它实际上不是d3选项。在我的更新中,您可能会看到类似的方法,我认为这种方法更好,因为即使图表以某种方式重新呈现,它也会运行。@cnom:光标的外观是使用css规则设置的。默认情况下,库将其设置为
指针
,显示您不喜欢的结果。由于C3/D3中没有显式设置光标的内置函数,因此使用纯D3可以得到最好的答案。如果您关心重新呈现,那么最好将此css规则从代码移动到外部样式表。我已经更新了以显示这种替代方法。@autocumulus Good shout using
!重要信息
确保设置覆盖默认的c3 css。我忘了你能做什么that@altocumulus这是一种很好的方法,但存在的问题是,这可能会破坏站点中的其他图表(需要指针)。当然,你可以说,我通过定义我想要的每个图形的id使css选择器更加具体,但那将是糟糕的编程,我想..@cnom你拥有css选择器的所有灵活性。您可以通过使用更具体的选择器(如
#mychartid.c3 arc
)或为您希望表现不同的图表提供标记类,轻松指定哪些图表将受到影响。