制造一个"逆转"具有d3.js的聚类树状图

时间:2015-10-20 13:36:40

标签: javascript d3.js

我想制作一个反向的Cluster Dendrogram,它有很多父母,父母有时会连接到同一个孩子。想象一下锦标赛消除支架,以了解我想要做的事情。我一直在试验Mbostock's Dendrogram example,但我的两个父节点互相覆盖。 我有一个简单的test here,其中有三个" root"节点

var testData = {
    "name":"First",  "children": [{"name":"Third", "children":[]}],
    "name":"Second", "children": [{"name":"Third", "children":[]}],
    "name":"Fourth", "children": []
};

就像上面的测试数据一样,有些父母与任何孩子都没有关系,但我还是想让他们处于同一水平。是否有任何简单的解决方案可以垂直分离父母?我想做一个如下图:

First ──┐     
        ├── Third   
Second ─┘

Fourth ─

1 个答案:

答案 0 :(得分:1)

反转源树,从最后一个节点开始作为根(即第三个),然后用变换镜像结构。 可以找到一个工作示例quick total options

var testData = {"name":"LAST", 
            "children": [...