使用D3、VX和React创建具有多个父母的家族谱

Question

3

目前，我正在尝试创建一个家谱，其中包括：

我想在React.js中完成这个任务，并使用VX。

根据D3树形结构，每个孩子只能有一个父亲，因此为了按照我的选择生成树形结构，我必须将伴侣与成员的子女对齐。并且使用额外的JSON键来为伴侣设置样式。请参见下面的示例。

Family Tree with Partners as Children

您可以在我的存储库中找到相同的内容。

我很欣赏Cyril Cherian在这个JSFiddle中尝试实现带有伴侣的树形结构的方式。

`https://jsfiddle.net/cyril123/fcd5q8fv/1/`

我对它进行了分支（使用Javascript）

`https://jsfiddle.net/Vaishak/x6bg9dcu/`

并且进行了一些更改。

Family Tree wiht Partners

但是问题在于它不能以一种干净/简单的方式拥有多个配偶/伴侣，必须非常糟糕地修改JSON。

相同的JSFiddle脚本也可以在我的存储库中找到

我希望两者的混合体，其中

这里有什么解决方案？ :)

注意：我已经在VX的GitHub问题页面上发布了相同的内容，不确定是否会在那里得到解决。

- Vaishak

我无法从伴侣线的中间生成子级，但已经做了一些工作，达到了我想要的80％。[请参阅PR]（https://github.com/vkallore/d3-vx-family-tree/pull/1） - Vaishak

有关这个编程问题，您有进展了吗？也许现在有一些新的库可以实现相同的结果？ - Masha

我有一个解决方案在这里。你可以在这里找到它的运行结果。 - Vaishak

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Vaishak · Accepted Answer

为了让寻找这个问题答案的人更容易，我能够解决它并得到了解决方案，如此处所示here。

请随意查看data structure和我画配偶线drew spouse line的方式。