javascript - 如何在 cytoscape.js 中绘制短边

Question

这是我的图表上的边的示例。

如何缩短边缘？至少像2或3次。我没有找到cytoscape's wiki的信息

{
    selector: 'edge',
    style: {
        'width': 10,
        'target-arrow-shape': 'triangle',
        'line-color': '#9dbaea',
        'target-arrow-color': '#9dbaea',
        'curve-style': 'bezier',
        'label' : 'data(label)'
    }
}

Answer 1

布局中的选项会影响节点的位置。节点A和节点B的位置影响边AB的长度。

仔细查看您感兴趣的布局中的选项，特别注意

• 力导向/物理布局中的力，
• 几何形状布局中的间距/压缩乘数，
• 任何布局中的边界框，
• 等等

您可能会发现尝试不同的值组合是最简单的方法，因为某些选项可能会影响其他选项的结果。

直线/曲线长度涉及的数学很简单。这只是Pythagorean Theorem对于(直线)适当的线，和 quadratic Bezier curves否则。