d3.js中的多个家族树中的合作伙伴?

时间:2015-12-03 22:46:56

标签: d3.js charts family-tree

来自have a family treeCyril's amazing answer,但我正试图弄清楚如何调整它以支持多个合作伙伴。在这种情况下,我添加了一个"情妇"节点,我试图表示"情妇"和"约翰"有个孩子名叫"隐藏的儿子"。

当前的数据结构如下:

enter image description here

在那里,root对象存储了所有内容。它有一个children数组,其中包含最多的"生成"没有父母。它还包含一个包含这些兄弟对象/节点的子对象的对象。在上面的示例中,这是root.children[2]

我认为我必须重构数据结构children并注入有关孩子父母的信息。只是在概念化这个,以及行

结局将是这样的,除了情妇将在左侧:

enter image description here

1 个答案:

答案 0 :(得分:24)

@medder感谢您的赞赏!

为此,我在john和情妇之间添加了一个隐藏节点

并将一个孩子添加到该隐藏节点,因此好像约翰和情妇有一个孩子"隐藏的儿子" 所以JSON看起来像

read

工作代码here

希望这有帮助!