So zeichnen Sie kurze Kanten in cytoscape.js

Question

Hier ist ein Beispiel für Kanten, die ich in meinem Diagramm habe.

Wie kürze ich die Kanten? Zum Beispiel 2 oder 3 Mal. Ich habe nicht die Informationen über 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

Die Optionen in einem Layout wirken sich auf die Positionierung der Knoten gefunden. Die Position von Knoten A und Knoten B beeinflusst die Länge der Kante AB.

Werfen Sie einen sorgfältigen Blick auf die Optionen im Layout (s) Sie interessiert sind, besonderes Augenmerk auf

• Kräfte in Kraft gerichtete/Physik-Layouts zu bezahlen,
• Abstand/Kompressions-Multiplikatoren in geometrischen Form-Layouts,
• Begrenzungsboxen in jedem Layout,
• usw.

Sie finden es vielleicht easies t mit verschiedenen Kombinationen von Werten zu experimentieren, da einige Optionen die Ergebnisse anderer beeinflussen können.

Die Mathematik beteiligt für Linien/Kurvenlängen ist einfach. Es ist nur die Pythagorean Theorem für (gerade) Linien, und quadratic Bezier curves sonst.