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