如何在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。