连接带线的矩形在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。