如何让“广度优先”的布局更紧凑

Question

在 cytoscape.js 中，我一直使用“广度优先”布局并将其配置为定向（树向下定向）。

这里是一个例子：http://jsbin.com/jekago/1

效果很好，但是我希望节点靠得更近，尤其是垂直方向，并且尽可能不限制边界框。

我的节点标签可能很长，所以我不介意让它们水平分开。

我怎样才能通过这种布局实现这一点？如果我不能，你有什么建议？谢谢

Answer 1

布局使用可用空间并避免节点重叠。使用boundingBox 根据需要减少可用空间，如果您希望图形占据整个视口，请指定fit: true。

您也可以使用spacingFactor，但这不会像boundingBox 那样提供更多控制。

您必须进行试验，看看哪些函数最适合您的数据。