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

【问题标题】：d3js path generator in collapsible tree layout可折叠树布局中的 d3js 路径生成器
【发布时间】：2013-11-22 16:37:06
【问题描述】：

我一直在学习 d3js，并且有一个我在网上几乎找不到好的参考的问题：

在这个演示代码中：

我发现下面的 snip 对节点的折叠/展开行为至关重要：

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

谁能解释一下为什么必须在此处使用 d.target.id 设置数据？或者如果有人可以将我重定向到解释的参考，非常感谢。

【问题讨论】：

【解决方案1】：

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

有关详细信息，请参阅the documentation。

【讨论】：