javascript - 编辑 D3 Sunburst 可视化的 innerRadius

Question

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

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

Answer 1

Yes， 有可能的。

---

基本示例

jsfiddle

---

自定义层高 1

jsfiddle

---

自定义层高 2

jsfiddle

---

自定义层高 3

jsfiddle

Answer 2

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

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 的挑选对其他人有所帮助。