Cytoscape JS - 初始化后修改容器高度

Question

我用如下所示的东西初始化Cytoscape：

var cy = cytoscape({
    container: $('#my-element'),
    height: 500px
});

我想在用户提交操作时将容器元素的高度更改为原始500px值以外的值。

我将如何使用Cytoscape做到这一点？ 在主 Cytoscape 对象中有一个height()方法，但这只能用作 getter。

Answer 1

有一个记录的方法cy.resize()，您可以调用该方法来重绘图形以适应当前容器的高度/宽度上下文。 但是，仅通过调用此方法无法获得所需的结果。 之后，您还必须调用 cy.fit() 函数才能获得所需的新图形视图。

因此，调整容器大小的函数应如下所示：

function resizeContainer(newContainerHeight){
    $('#my-element').css('height', newContainerHeight);
    cy.resize();
    cy.fit();
}