1

我正在寻找带有 d3.js 的 CirclceLayout 的实现，因为它包含在flare工具包中：

http://flare.prefuse.org/api/flare/vis/operator/layout/CircleLayout.html

此布局将项目放置在圆形布局中。据我所知，此布局尚未包含在 d3.js 库中。

如果这还没有实现，我会很感激一些建议如何使用现有布局实现这一点。

谢谢

马丁

维基百科：http ://en.wikipedia.org/wiki/Circular_layout

更新：

我现在已经实现了我想要完成的原型

圆形布局原型

按照 Tyson 的建议使用 d3.js 库的 TreeLayout。这个例子的来源是一个可怕的 hack，我没有清理它，所以我不特别推荐看它。基本上，该程序计算底层图的生成树，将此信息添加到数据中，以便 TreeLayout 可用于计算节点的位置。链接取自原始图形数据（不是生成树之一）。程序照常......只是概念证明级别！

4

1 回答 1

2

树形布局应该可以满足您的需求：https ://github.com/mbostock/d3/wiki/Tree-Layout

这可能很容易被忽略，但关键是布局的大小参数：

尽管布局在 x 和 y 中都有大小，但这代表了一个任意坐标系；例如，您可以将 x 视为半径，将 y 视为角度，以生成径向而不是笛卡尔布局。

于 2013-10-10T22:48:33.290 回答