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

【问题标题】：Cytoscape JS - Modifying Container Height After InitializationCytoscape JS - 初始化后修改容器高度
【发布时间】：2017-08-28 22:09:08
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：