使用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-达格