Question

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

'{类型名称：字符串；儿童：{组：数字；名称：字符串； } [];组：数字； } []'不能分配给'readonly string []'类型的参数。输入'{name：string;儿童：{组：数字；名称：字符串； } [];组：数字； }”不可分配给“字符串”类型。

下面是我重新格式化的数据的输出，该输出是使用来自Change Json data into new format by JavaScript链接的@Dacre Denny的答案中的代码生成的

{
  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);

非常感谢您的帮助。

Answer 1

您不能将嵌套数组传递给ordinal.domain()：顺序标度需要具有纯数组作为域...更重要的是， values数组< / strong>，即基元，例如字符串（如果您传递数字，它们将仍然被字符串化...）。这就解释了您的错误：“类型参数不能分配给 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>

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

1 个答案: