javascript - 在 Cytoscape.js 中使用 dagre 布局时如何处理多棵树的情况

Question

我是 Cytoscape.js 的新手，并试图根据用户的搜索输入在 Dagre 布局的帮助下绘制图表。节点数通常为 50-100。

虽然 Dagre 对单棵树效果很好，但是当图包含几棵树（有时还包括独立的节点）时，这些树的根会自动水平排列（如图所示），这使得节点和标签变得非常小。如果我们能利用水平空间，图表肯定会更清晰。

我的问题是，我们如何处理多棵树的情况，将树垂直排列（例如，4根在一条线上，其他的可以排列在这些树下）以充分利用布局空间。

Answer 1

看看rankDir布局方向的选项：http: //js.cytoscape.org/#layouts/dagre

要获得更多控制，请尝试为每个子图/树运行一个布局：http: //js.cytoscape.org/#collection/layout

您可以使用boundingBox每个子图的 来控制子图的位置。

有关配置选项的详细信息，另请参阅 Dagre 文档：https ://github.com/cpettitt/dagre/wiki