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

D3JavaScript中可折叠力布局中的节点和链接,javascript,d3.js,force-layout,Javascript,D3.js,Force Layout,我是D3JavaScript新手,目前正在学习一些教程以了解其工作原理。我已经查看了此链接中的代码:>对于可折叠力布局,我试图找出节点和链接是如何连接的。不幸的是,我无法完全理解节点是基于什么基础相互连接的。然而,我已经了解了这些节点在“力定向图>”中是如何连接的,我无法真正理解可折叠力布局中的链接是如何工作的。id和target如何工作?是否基于数组索引?有人能给我解释一下他们是怎么工作的吗?你的帮助将不胜感激 可折叠力布局示例中的链接基于父子关系。也就是说,每个节点都连接到下列出的节点。ch

我是D3JavaScript新手,目前正在学习一些教程以了解其工作原理。我已经查看了此链接中的代码:>对于
可折叠力布局
,我试图找出节点和链接是如何连接的。不幸的是,我无法完全理解节点是基于什么基础相互连接的。然而,我已经了解了这些节点在“力定向图>”中是如何连接的,我无法真正理解可折叠力布局中的链接是如何工作的。
id
target
如何工作?是否基于数组索引?有人能给我解释一下他们是怎么工作的吗?你的帮助将不胜感激

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

谢谢您的回复。每个节点都连接到.children下列出的节点。好啊是否每个节点都使用代码中提供的id连接到其子节点?我之前从你们那里学到的,在力定向图中,有一个源和目标。在可折叠部队布局中,我无法找出源和目标。请你再给我解释一下好吗?谢谢。在本例中,包含
.source
.target
的结构是通过调用
d3.layout.tree().links(nodes)
.Lars生成的。请耐心等待几分钟。在获取d3.layout.tree()链接(节点)生成的源和目标之前,代码如何让树布局知道这是节点,而这些是其子节点?我注意到:d.target.id。这有关系吗?!不,目标ID与此无关。看一看。通过查看每个节点的
.children
,它知道哪些节点是哪个节点的子节点。感谢您的帮助,Lars。你能告诉我目标ID是什么吗?