在 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. I merely built off this tutorial.

解决了这个问题

在 D3 中用线连接矩形

Connecting rectangles with lines in D3

javascript

d3.js

nvd3.js