d3 双层分区 - 相等的部分

Question

我正在使用 d3 尝试使用双层圆环图来显示具有相等较大部分和成比例内部部分的数据。我正在处理此处显示的示例：https://bl.ocks.org/mbostock/5944371。

基本上，我想显示 6 个组，每个组都有一个 Open 和 Closed 值，我希望其大小与较大的弧成比例，但我希望所有的大弧都保持为整体大小的 1/6甜甜圈。

我在这里看到了一个没有答案的类似问题：https://stackoverflow.com/questions/37195588/equal-inner-arc-angles-for-d3-bilevel-partition。

我能够模拟 JSON 以显示我想要的效果，但很明显，如果数据发生变化，这会出现偏差。以下是所有相等值的情况：

有什么建议吗？提前致谢。

Answer 1

仔细观察后，这实际上是一个简单的解决方法。我最终想出的 JSON 是这样的：

{
  "name": "flare",
  "children": [
    {
      "name": "team1",
      "children": [
        {
          "name": "open",
          "size": 0.8
        },
        {
          "name": "closed",
          "size": 0.2
        }
      ]
    },
    ...

通过确保子项添加的数量相同（在本例中为 1），我可以按预期更改图表。我通过使用百分比而不是值来做到这一点，因此在形成我的 JSON 时，我使用了 size: 0.8 而不是之前的 size: 8。