编辑 D3 Sunburst 可视化的 innerRadius

Question

我该如何改变Sunburst可视化图表内部最内层圆的半径呢？请参考以下示例：(http://bl.ocks.org/d/910126/ - 请注意中心区域有多大；它可以更小吗?)

同时，是否可以为Sunburst中的所有层定义不同的高度呢？

- jeroen.verhoest

Answer 1

是的，这是可能的。

---

基础示例

jsfiddle

---

自定义层高1

jsfiddle

---

自定义层高2

jsfiddle

---

自定义层高3

jsfiddle

- VividD

---

你能解释一下你如何修改这些例子吗？我很感谢代码示例，但是通过查看不同窗口中的代码来弄清楚差异和逻辑是困难的。谢谢！ - rkstar

你能否用d3.js库的v4版本提供一个示例？ - sintetico82

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的分析能帮助其他人。

- TimBrighton