使用D3表示树布局

Question

我尝试使用D3创建树形布局。我想修改标准的d3树布局来表示如下所示的树状布局。在我的布局中，一些子节点可以聚合到一个节点中。这是该布局与标准树布局之间的唯一区别。

     A
   /   \
  B     C
 /\ \   
D  E F
|  | |
G  H L
 \ // 
  J
  |
  K

在上面的布局中，B节点有3个子节点（D，E，F），每个节点有一个子节点（G，H，L），这3个子节点再次汇聚成一个节点（J）。

我也可以使用D3以外的javascript库。

Answer 1

正确的方法是使用d3.layout.force而不是d3.layout.tree。

但是，如果您需要树形布局解决方案，可能需要查看http://bl.ocks.org/robschmuecker/6afc2ecb05b191359862

Answer 2

我有一个很长的答案，但是，如果有人真的在这里搜索这个问题。 D3-Dagre