如何在Cytoscape.js中设置视口高度和宽度

Question

我想限制视口，可以将节点拖动并显示为全高清分辨率（1920×1080像素）。是否可以使用cy.resize（）函数？我试图设置cy.resize（{width：1920px，height：1080px}），但它不起作用。

Answer 1

在容器上使用CSS。

如果您read the docs for cy.resize()，您会注意到它只是与CSS更改同步。

Answer 2

当您在 HTML 中添加图形时，您也可以使用自定义 CSS。 喜欢

 <div class="col" [hidden]="noGraph">
    <div id="cy" class="bg-white graph-dynamic-height"></div>
</div>

在 CSS 中

.graph-dynamic-height {
    height: calc(100vh - 215px);
}

以上代码对我有用。