编辑 D3 Sunburst 可视化的 innerRadius

【问题标题】：Edit the innerRadius of D3 Sunburst visualization编辑 D3 Sunburst 可视化的 innerRadius
【发布时间】：2012-12-29 19:02:51
【问题描述】：

如何更改 Sunburst 可视化最内圈的半径？请看以下示例：（http://bl.ocks.org/d/910126/ - 注意中心区域有多大；可以更小吗？）

另外，是否可以为 Sunburst 中的所有图层定义不同的高度？

【问题讨论】：

标签： javascript svg d3.js sunburst-diagram

【解决方案1】：

我只是比较了上面的例子，所以不能在这里声称任何高超的技能\知识，但所有的变化都在这个部分：

var arc = d3.svg.arc()
    .startAngle(function(d) { return d.x; })
    .endAngle(function(d) { return d.x + d.dx; })
    .innerRadius(function(d) { return radius * Math.sqrt(d.y) / 10; })
    .outerRadius(function(d) { return radius * Math.sqrt(d.y + d.dy) / 10; });

效果很有趣，但不是我找到这个问题\答案时所寻找的。我真的希望能够单独控制每一层\环的大小。无论如何...希望上述 jsfiddles 的挑选对其他人有所帮助。

【讨论】：

【解决方案2】：

Yes，有可能。

基础示例

jsfiddle

自定义层高1

jsfiddle

自定义层高2

jsfiddle

自定义层高3

jsfiddle

【讨论】：

你能解释一下你做了什么来修改这些例子吗？我很欣赏代码示例，但是通过查看不同窗口中的代码很难找出差异（和逻辑）。谢谢！
你能用v4版本的d3.js库做一个例子吗？