連接帶線的矩形在D3

Question

我希望建立以下（忽略底部綠線）在D3小樣：

與此數據：

var treeData = [{ 
    "name": "Channel", 
    "parent": "null", 
    "groups": [{ 
    "name": "Phone", 
    "children": [{ 
     "name": "Issue", 
     "parent": "Phone", 
     "groups": [{ 
      "name": "Tech", 
     },{ 
      "name": "Non-tech", 
     }] 
    }] 
    },{ 
    "name": "Chat" 
    }] 
}] 

什麼會是做這件事的最好方法嗎？

Answer 1

我解決了這個用JsPlumb Community Edition。我只是建立了this tutorial。