2015-10-20 51 views
0

我想製作一個顛倒的簇狀樹狀圖,它既有許多父母,也有父母有時連接到同一個孩子。想象一下錦標賽淘汰賽,以獲得我想要做的事情。我一直在試驗Mbostock's Dendrogram example,但我的兩個父節點相互覆蓋。 我有一個簡單的test here三個「根」節點。用d3.js製作一個「顛倒的」簇狀樹狀圖

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

像測試數據上面還有未與任何兒童(還)的父母,我仍希望讓他們在同一水平上。有沒有簡單的解決方案來垂直分開父母?我想作的曲線圖,如:

First ──┐  
     ├── Third 
Second ─┘ 

Fourth ─ 

回答

1

反轉源樹,從最後一個節點作爲根(即第三次),然後用鏡像變換的結構。 可以找到一個工作示例here

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