使Cytoscape.js容器足够宽和足够长

Question

我不想告诉每个布局都适合容器，而是想调整每个容器的大小，以完美地适应它的子画布。换句话说，我需要一种方法来询问Cytoscape画布的每个实例，“0缩放时您的宽度和高度是多少”，或者“在每个方向上需要多少像素才能完全绘制”，然后适当地调整每个容器的大小。

Cytoscape确实提供了获取画布的宽度()和高度()的方法，但它们最终是实际的尺寸（可能不适合容器），而不是“想要的”/需要的尺寸。

我突然想到，我可以想出一些启发式的方法来根据节点和边的数量来设置容器的宽度和高度，但这种方法还没有被证明是有效的；节点和边的数量很少告诉我最终的布局和安排，仅此就通知了关于所需宽度和高度的决定。

Answer 1

你试过使用：

eles.boundingBox(options);

或：

eles.renderedBoundingBox();

“eles”必须是：

var eles = cy.elements();

cy.fit(/*eles, padding*/); // Pan and zoom fitted to the tree
cy.center(/*eles*/); // Moves the graph to the exact center of your tree
cy.elements().shift('x', offset); // Moves the nodes to the right, offset must be negative to move them to the left