D3 Javascript中的可折叠力布局中的节点和链接

Question

我是D3 Javascript的新手，目前正在阅读一些教程以了解其工作原理。 我已经浏览了此链接中的代码：> http://bl.ocks.org/mbostock/1093130，了解Collapsible Force Layout我试图弄清楚节点和链接是如何连接的。 不幸的是，我无法完全理解节点是基于什么相互连接的。 但是，我已经在D3 Javascript中的“力向图”> “力向图”中的节点之间的链接中了解了这些点的连接方式，我真的无法理解“可折叠力布局”中的链接是如何工作的。 id和target如何工作？ 是基于数组的索引吗？ 有人可以向我解释他们的工作方式吗？ 您的协助将不胜感激。

Answer 1

可折叠力布局示例中的链接基于父子关系。 也就是说，每个节点都连接到.children出的节点。