D3 Javascript中的可折疊力布局中的節點和鏈接

Question

我是D3 Javascript的新手，目前正在閱讀一些教程以了解其工作原理。 我已經瀏覽了此鏈接中的代碼：> http://bl.ocks.org/mbostock/1093130，了解Collapsible Force Layout我試圖弄清楚節點和鏈接是如何連接的。 不幸的是，我無法完全理解節點是基於什么相互連接的。 但是，我已經在D3 Javascript中的“力向圖”> “力向圖”中的節點之間的鏈接中了解了這些點的連接方式，我真的無法理解“可折疊力布局”中的鏈接是如何工作的。 id和target如何工作？ 是基於數組的索引嗎？ 有人可以向我解釋他們的工作方式嗎？ 您的協助將不勝感激。

Answer 1

可折疊力布局示例中的鏈接基於父子關系。 也就是說，每個節點都連接到.children出的節點。