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

Question

我用類似於下面的內容初始化Cytoscape：

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

當用戶提交操作時，我想將容器元素的高度更改為除原始500px值之外的其他值。

如何使用Cytoscape做到這一點？ Cytoscape主對象中有一個height()方法，但這僅用作吸氣劑。

Answer 1

有一個已記錄的方法cy.resize() ，您可以調用該方法重繪圖形以適合當前容器的高度/寬度。 但是，僅通過調用此方法將無法獲得所需的結果。 之后，您還必須調用cy.fit()函數以獲取所需的新圖形視圖。

因此，用於調整容器大小的函數應如下所示：

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