javascript - 如何使 Cytoscape.js 中的边缘不被拦截？

Question

我正在使用 Cytoscape 库制作图形，并且我正在使用此设置

  layout: {
    name: 'cose',
        idealEdgeLength: 100,
        nodeOverlap: 20,
        refresh: 20,
        fit: true,
        padding: 30,
        randomize: false,
        componentSpacing: 50,
        nodeRepulsion: 400000,
        edgeElasticity: 100,
        nestingFactor: 5,
        gravity: 300,
        numIter: 1000,
        initialTemp: 200,
        coolingFactor: 0.95,
        minTemp: 1.0
  },

图形还可以，但边有时会相互 chop ，我需要多次刷新图形或重新排列图形以获得好看的图形。是否可以强制 Cytoscape 在渲染时不拦截边缘？

Answer 1

力导向布局是一种物理模拟，它设置每个元素的力来约束结果。相对边长通常具有与之相关的含义(例如权重)，并且您通常希望看到自然聚类。考虑到这些事情避免边缘交叉通常会产生冲突。

Graphviz 和 Mathematica 具有平面布局，如果您愿意，您可以将它们移植到 Cytoscape 布局扩展。但是，您将失去力导向布局的好处。

另见:

• > https://mathematica.stackexchange.com/questions/60230/planar-graph-layout
• > Planar Graph Layouts