在 cytoscape.js 中获取最小图形高度答案

【问题标题】：Getting minimum graph height in cytoscape.js在 cytoscape.js 中获取最小图形高度
【发布时间】：2015-12-15 07:59:48
【问题描述】：

我有固定节点大小和缩放的 cytoscape.js 图。我想将整个图形（DAG，几乎是具有很少“非树”边的树）放入具有固定宽度和无限高度的视口中。我在实现它时遇到了麻烦。

我使用breadthfirst 布局。此布局需要边界框（显式或取自当前视口）。我试图将它推入相当大的边界框，然后从节点位置计算图形高度，然后调整边界框。这不起作用，因为布局会尝试使用尽可能多的空间并拉伸边缘。

是否有 cytoscape.js 布局，可以执行 BFS 之类的操作并指定关卡之间的最大距离？还是有更好的方法来解决我的问题？

【问题讨论】：

【解决方案1】：

如果您使用avoidOverlap: true，则不必指定边界框。它应该根据需要溢出边界框。您可以指定spacingFactor 来调整层级之间的间距。

如果您有固定缩放，您可能想在之后致电cy.center()。

您无法避免重叠（即溢出）并且还保证固定大小。您可以通过在布局后将节点位置挤压在一起来手动强制水平宽度——但这可能会导致重叠。

【讨论】：