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

Question

我用如下所示的内容初始化 Cytoscape:

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

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

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

Answer 1

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

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

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