Cytoscape JS-初始化后修改容器高度[英] Cytoscape JS - Modifying Container Height After Initialization

本文是小编为大家收集整理的关于Cytoscape JS-初始化后修改容器高度的处理方法,想解了Cytoscape JS-初始化后修改容器高度的问题怎么解决?Cytoscape JS-初始化后修改容器高度问题的解决办法?那么可以参考本文帮助大家快速定位并解决问题。

问题描述

i初始化cytoscape的内容如下:

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

我想将容器元素的高度更改为用户进行操作时原始500px值以外的东西.

我将如何使用Cytoscape做到这一点?主细胞尺度对象中有一个height()方法,但这仅用作getter.

推荐答案

有一个记录的方法cy.resize()您可以调用该方法重新绘制图形以适合当前容器的高度/宽度的上下文.但是,您不会仅通过调用此方法获得所需的结果.之后您还必须调用cy.fit()函数才能获取所需的新图形视图.

因此,调整容器大小的功能应该看起来像这样:

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

本文地址:https://www.itbaoku.cn/post/1793846.html