Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用D3、VX和;反应_Javascript_Reactjs_D3.js_Family Tree - Fatal编程技术网

Javascript 使用D3、VX和;反应

Javascript 使用D3、VX和;反应,javascript,reactjs,d3.js,family-tree,Javascript,Reactjs,D3.js,Family Tree,目前,我正在尝试建立一个家谱,它将 配偶/伴侣(多人) 配偶/伴侣的子女 我想在React.js中完成这项工作,我正在使用它 根据D3树结构,我们的子级只能有一个父级,所以为了按照我的选择生成树,我必须将伙伴作为成员的子级对齐。使用额外的JSON键,我为合作伙伴设计样式。请参见下面的示例 这同样适用于 Cyril Cherian在这个JSFIDLE中如何与合作伙伴实现树给我留下了深刻的印象 `https://jsfiddle.net/cyril123/fcd5q8fv/1/` 我做了一个叉子

目前,我正在尝试建立一个家谱,它将

  • 配偶/伴侣(多人)
  • 配偶/伴侣的子女
  • 我想在React.js中完成这项工作,我正在使用它

    根据D3树结构,我们的子级只能有一个父级,所以为了按照我的选择生成树,我必须将伙伴作为成员的子级对齐。使用额外的JSON键,我为合作伙伴设计样式。请参见下面的示例

    这同样适用于

    Cyril Cherian在这个JSFIDLE中如何与合作伙伴实现树给我留下了深刻的印象

    `https://jsfiddle.net/cyril123/fcd5q8fv/1/`
    
    我做了一个叉子(Javascript)

    并且做了一些改变

    但问题是,它不能以干净/严格的方式拥有多个配偶/伴侣,必须非常糟糕地修改JSON

    同样的JSFIDLE脚本也可以在中使用

    我想要两者的混合,其中

  • 合作伙伴将与树的成员对齐
  • 合作伙伴将不会拥有来自任何其他节点的线路(除非提及)
  • 孩子们将从伙伴线的中间开始
  • 这里有什么解决办法吗?:)


    注意:我已经在上发布了相同的内容,不确定是否会在那里解决这个问题

    让人们更容易找到这个问题的答案

    我可以解决它,并得到解决方案,如所见


    请随意查看和我的方式。

    我无法从合作伙伴线中间生成孩子,但是我做了一些事情,实现了我想要的80%。这个问题有进展吗?也许有一些新的库可以达到同样的效果?我有一些解决方案,你可以找到它运行
    `https://jsfiddle.net/Vaishak/x6bg9dcu/`