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

Cytoscape JS - Modifying Container Height After Initialization