如何更改D3可缩放旭日中最内圈的大小?

时间:2018-02-24 18:27:09

标签: javascript d3.js

有许多“zoomable sunburst”D3.js例子,如this。在这些示例中,最里面的圆圈开始较大,但在缩小一个级别后,圆圈很小并保持相同的大小,直到您缩放到最高级别。

我想让最里面的圆圈始终保持相同的大小,以便在可视化的中心获得信息。就我而言,当用户将鼠标悬停在节点上时,有关该节点的信息将出现在旭日中心。

有没有办法改变最里面的圆圈的大小?我需要改变哪些变量?我想它可能与radius函数中的click变量进行交互有关吗?

1 个答案:

答案 0 :(得分:0)

请在此处的plunker中找到此编辑的示例:https://plnkr.co/edit/9iDdZ2auIJQokr1Yb9il?p=preview

我添加了您可以编辑的变量innerCircleScale以更改内圈的大小。最初是20岁。 我觉得100在这里很理想。

如果你超过100,它开始显示2个内圈(父母的父母和父母)。