类型参数不可分配给字符串

我有一个格式化的 json 数据，我想在 d3 中使用它来绘制层次结构。它正在处理旧数据，但在 json 数据中添加更多维度后，出现以下错误。

类型参数 '{ name: string;孩子们：{ 组：数量；名称：字符串； }[];组：数量； }[]' 不可分配给“只读字符串[]”类型的参数。 输入 '{ 名称：字符串；孩子们：{ 组：数量；名称：字符串； }[];组：数量； }' 不可分配给类型“string”。

我重新格式化的数据的输出如下，它是使用 @Dacre Denny 的答案中的代码生成的通过 JavaScript 将 Json 数据更改为新格式 https://stackoverflow.com/questions/59448748/change-json-data-into-new-format-by-javascript/59448945?noredirect=1#comment105082157_59448945 link

{
  name: "program",
  children: (1)[
    {
      name: "file1",
      children: (1)[
        {
          name: "function1",
          calls: (2)[
            {
              line: 105,
              file: "file2",
              function: "function5"
            },
            {
              line: 106,
              file: "file2",
              function: "function6"
            }
          ],
          point: (2)[
            102,
            105
          ],
          point2: (3)[
            (2)[
              102,
              102
            ],
            (3)[
              105,
              106,
              107
            ],
            (2)[
              106,
              107
            ]
          ],
          group: 1
        }
      ],
      group: 1
    }
  ],
  group: 0
}

我现有的 d3 代码片段如下：

const data = TestFunction.test(); //from here i am calling the reformatted output
const root = d3.hierarchy(data);

const colorScale = d3.scaleOrdinal()
        .domain(data.children) // here its showing the error.
        .range(d3.schemeCategory10);

我将衷心感谢您的帮助。

您不能将嵌套数组传递给ordinal.domain()：序数尺度需要有一个plain数组作为域...更重要的是，数组values，即基元，如字符串（如果您传递数字，它们无论如何都会被字符串化......）。这解释了你的错误：“类型参数不可分配给string".

话虽这么说，你可以使用root.descendants()让所有的孩子和map以获得他们想要的属性。在你的情况下，我假设你想要的字符串是孩子们的name财产。

在这个演示中，myNames是您将传递给序数标度的数组（如果您不需要根的名称，请将其删除）：

const data = {
  "name": "program",
  "children": [{
    "name": "file1",
    "children": [{
      "name": "function1",
      "calls": [{
          "line": 105,
          "file": "file2",
          "function": "function5"
        },
        {
          "line": 106,
          "file": "file2",
          "function": "function6"
        }
      ],
      "lines1": [
        102,
        105
      ],
      "lines2": [
        [
          102,
          102
        ],
        [
          105,
          106,
          107
        ],
        [
          106,
          107
        ]
      ],
      "group": 1
    }],
    "group": 1
  }],
  "group": 0
};

const root = d3.hierarchy(data);

const myNames = root.descendants().map(d => d.data.name);

console.log(myNames)

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>