从 json 文件创建 d3 强制布局的链接

Question

我是 d3 和 javascript 的新手，如果这是一个愚蠢的问题，我很抱歉。我对 d3 强制布局有疑问。我可以用数据填充“节点”，但我不知道如何编写正确的函数来构造我的链接，格式为"links": [ {"source": 0, "target": 1},

我试图写一个循环，但它不起作用，目标有“权重：NaN”，因为我正在引用父级和与父级同名的节点，我猜：

d3.json('file.json',function(data){
    var nodes = data;
    var links = [];
      for (var i = 0; i < data.length; i++) {
        for (var j = 0; j < data[i].parents.length; j++) {
              links.push({"source": i, "target": data[i].parents[j]})
      }
    }

我的 json 文件看起来像这样，我必须将所有对象与相应的父对象连接起来（更改 json 文件不是选项）：

[
{
"name": "name 1",
"parents": [
  {"name": "name 5"},
  {"name": "name 4"}
 ]
},
{
"name": "name 2",
"parents": [
  {"name": "name 1"},
  {"name": "name 3"}
  ]
 },...
]

我希望有人可以帮助并向我解释如何正确编写此函数。 谢谢。苏珊

Answer 1

D3 文档有点做作，恕我直言，它没有强调许多特性和功能的足够关键部分。尽管如此，您确实需要仔细阅读并理解这两部分：

• documentation for force.nodes()

• documentation for force.links()

传递给force.nodes() 的参数必须是一个数组。然后，您将看到传递给force.links() 的参数也必须是一个数组，并且该数组的每个元素都必须是一个对象，格式为
{"source": source_index, "target": target_index}
（正如您在代码中所做的那样），其中source_index 和target_index 是节点数组中对应节点的索引（传递给force.nodes()）（这是您的错误所在）。

因此，如果您查看您的代码，您会发现您没有在链接数组中传递正确的值。您需要找到使用节点数组中的正确索引填充链接数组的方法（假设将“名称 5”转换为适当的索引，我相信它会是 4，在您的情况下，假设节点数组名称是“名称 1”， “名称 2”、名称 3”等...）。