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

Question

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

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

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

我如何用Cytoscape做到这一点？height()主Cytoscape对象中有一个方法,但这只是一个getter.

Answer 1

有一种文档化的方法cy.resize(),您可以调用它来重绘图形以适应当前容器的高度/宽度的上下文.但是,通过调用此方法,您将无法获得所需的结果.您还必须在cy.fit()之后调用该函数以获取所需的新图形视图.

所以你调整容器大小的功能应该是这样的:

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