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