我如何使这个旭日形开始与内环消耗图表的整个直径？

【问题标题】：How Do I make this sunburst start with the inner ring consuming the entire diameter of the chart?我如何使这个旭日形开始与内环消耗图表的整个直径？
【发布时间】：2019-12-10 14:00:02
【问题描述】：

我的可视化开始与我想要的不“匹配”。我的旭日形开始并没有消耗圆的整个半径，而是只消耗了部分直径。

我正在尝试将一个使用分层数据的示例改编为我自己的迭代，该迭代使用一个平面 json 数据集（参见示例）。

将平面 json 数据转换为分层格式（d3.stratify 然后 d3.hierarchy）
创建数据连接
画弧线

来源示例：https://bl.ocks.org/denjn5/3b74baf5edc4ac93d5e487136481c601

我当前的迭代 https://codepen.io/mretfaster/pen/LwjxGw

我希望开始的可视化会消耗旭日形的整个直径

【问题讨论】：

标签： d3.js transition sunburst-diagram

【解决方案1】：

在您的makeRoot 函数和toggleOrder 中您正在执行.sum(d => d.value) 将其替换为.sum(d => d.data.size)。

value 由d3 在调用d3.hierarchy 后生成，并由d3.partition 用于获取角度。但是size 是数据源中值的名称，这正是sum 所期望的。

Here 是更新的密码笔

【讨论】：

谢谢！我想我在尝试 d.size，而不是 d.data.size！