javascript - 来自 JSON 的 D3 节点和链接，带有嵌套的子数组

Question

我有一个如下所示的 JSON 文件:

{
    Object: {
        children: Array[4]
        ...
    Object: {
        children: Array[1]
            Object: {
                 children: Array[3]
                 ...
            },
            Object: {
                 children: Array[1]
                 ...
            },
        ...
    }
    ...
}

数组是一堆对象，这些对象有子数组，子数组包含几层深的子数组。

我的问题是，当我尝试将其转换为一组节点和链接以用于 d3 强制布局时，我无法使其正确显示。我试过使用 array.map 或 forEach 递归遍历所有对象并自己创建链接，但这似乎过于乏味。

是否有更简单的方法来准备好在强制布局中显示这些数据？我错过了什么？

Answer 1

您可能想使用 Reingold-Tilford tree in D3.js,而不是力导向的布局。这样您的数据就已经采用了正确的格式，并且布局也可能会更好。

如果您确实想使用真正的力导向布局，那么您将不得不将数据重写为 D3 期望的 nodes 和 links 格式。无论如何，这是网络图的标准逻辑结构。