Cytoscape 消失的边缘，贝塞尔曲线和节点在节点中移动/更长的标签

Question

我正在使用带有贝塞尔曲线的 cytoscape，但是当节点的标签较长或只是将源节点移动到目标节点旁边时，边缘会消失。

• 视频：https://www.screencast.com/t/N2f5eZ5M7
• 可运行示例：https://stackblitz.com/edit/web-platform-vpl72r?file=index.html

我已经看到“Edge xxxxx 的端点无效，因此无法绘制”警告并搜索了相应的threads，但找不到解决方案。

有人知道怎么处理吗？

Answer 1

我在控制台上看到一些警告

label 的样式值已被 width 弃用

label 的样式值已被 height 弃用

删除'width': 'label', 'height':'label',后，我不再观察到这样的问题。

--- 更新 1.1 ---

但我希望节点的尺寸基于标签的尺寸。

为此，我认为您应该编写一个函数样式。请参见下面的示例。在示例中，您可以看到我们正在根据它们的name 长度动态设置节点的大小。我假设name 是一个存储标签的字符串。

cy.style().selector('node').style({
      'width': (x) => { return x.data('name').length + 'px;' }
      'height': (x) => { return x.data('name').length + 'px;' }
    }).update();