-Rand-Art für Baum

Question

Ich mag würde Kanten haben, die gerade mit rechten Winkeln sind, ähnlich wie das Stammbaum-Layout hier erwähnt: Styling edges in Cytoscape.js for a Family Tree

Ich habe auch ein Bild zeigt, was angebracht ich erreichen möchte.

In dem obigen Link erwähnen sie Hyper-Edges und ändern den Kurven-Style in "Segmente". Ich habe das gemacht, aber es gibt nur 2 Segmente und sie bilden keinen rechten Winkel. Es gibt einige Attribute, die für die Segmente festgelegt werden können, aber ich habe nicht herausgefunden, wie sie funktionieren. Jede Hilfe wäre willkommen.

Answer 1

Sie müssen die Punkte berechnen, an denen die Linien gebogen werden sollen, und die Eigenschaften des Segmentstils entsprechend festlegen.

Wenn Sie eine alternative Möglichkeit der Angabe gebogenen Kanten möchten, können Sie Zick-Zack-Kanten untersuchen: https://github.com/cytoscape/cytoscape.js/issues/882