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();
}