D3js多个父节点

Question

我正在试验d3和树的布局.我认为如果可以创建具有两个根的树.我知道树只有一个根,但也许有人有一些例子.

Answer 1

这是一个小提琴,展示了我认为你正在寻找的东西.重要的代码就在底部附近.

node.each(function(d){
if (d.name == "flare") 
    d3.select(this).remove();});
link.each(function(d){
if (d.source.name == "flare") 
    d3.select(this).remove();});

这只是使用来自其中一个d3树示例的示例数据,其中根节点的字段name为flare.相应地调整了自己的数据集,以及的名称node和link变量(包含g和path对象分别).基本上这是如何工作的是通过创建一个具有单个根节点的树,然后删除该节点及其离开子节点的链接,允许任意数量的伪根.