在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。