可折叠树布局中的d3js路径生成器

Question

我一直在学习d3js，但有一个问题，我几乎无法在网上找到很好的参考资料：

在此演示代码中：

可折叠树http://bl.ocks.org/mbostock/4339083

我发现以下剪裁对于节点的折叠/展开行为至关重要：

  // Update the links…
  var link = svg.selectAll("path.link")
  .data(links, function(d) { return d.target.id; });

任何人都可以解释为什么在这里必须使用d.target.id设置数据吗？ 或者如果有人可以将我重定向到说明的参考文献，则非常感谢。

Answer 1

.data()的第二个参数是一个函数，该函数告诉D3如何将数据元素与DOM元素进行匹配。 默认情况下，它通过索引来执行此操作，即第一个数据项与第一个DOM元素匹配，第二个数据项与第二个DOM元素匹配，依此类推。 在这种情况下，这是行不通的，因为数据需要与目标的ID（或唯一标识链接的类似内容）进行匹配。

有关更多信息，请参见文档 。