Javascript 用D3中的线连接矩形

我希望在D3中构建以下（忽略底部绿线）模型：

根据这些数据：

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

---

做这件事最好的方法是什么？

我用。我只是建立了自己。

我用计算机解决了这个问题。我只是建立了。

树（）会有帮助吗？这几乎正是我想要的，但我必须修改数据才能使用树（我使用的是一个更简单的树）。基本上，我必须将“组”更改为“子对象”，并且结构最终与我所寻找的不同：trees（）是否有用？这几乎正是我所寻找的，但我必须修改数据以使用树（我使用的是一个更简单的树）。基本上，我不得不将“团体”改为“儿童”，其结构最终与我所寻找的不同：