使用D3，VX和React的多个父母的家谱

Question

目前，我正在尝试准备一棵拥有的家谱

1. 配偶/伴侣（多个）
2. 配偶/伴侣的孩子

我想在React.js中完成此操作，并且我正在使用VX。

根据D3树的结构，一个孩子只能有一个父级，因此要根据我的选择生成一棵树，我必须将伙伴作为成员的子级对齐。并使用其他JSON密钥为合作伙伴设置样式。请参见下面的示例。

my repo

中也有

Cyril Cherian 试图在此JSFiddle中与合作伙伴实现树的方式给我留下了深刻的印象

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

我用它制作了叉子（JavaScript）

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

进行了一些更改。

但是问题是它不能以干净/直接的方式让多个配偶/合伙人，必须非常糟糕地修改JSON。

my repo中也提供了相同的JSFiddle脚本

我想将两者混合在一起，

1. 合作伙伴将与树的成员对齐
2. 合作伙伴将没有其他任何节点的线路（除非提及）
3. 孩子将来自合作伙伴行的中间

这里有解决方案吗？ ：）

注意：我已经在VX's github issue page上发布了相同的内容，不确定是否会在此处解决。

Answer 1

使寻找该问题答案的人更容易。

我可以解决它并得到here所示的解决方案

请随时查看data structure和我drew spouse line的方式。