0

I would like to have edges that are straight with right angles, similar to the family tree layout mentioned here: Styling edges in Cytoscape.js for a Family Tree

I've also attached an image showing what I would like to achieve.

In the link above they mention hyperedges, and changing the curve-style to "segments". I've done that, but there are only 2 segments and they do not form a right angle. There are some attributes that can be set for the segments, but I have not figured out how to make them work. Any help would be appreciated. enter image description here

Community
  • 1
  • 1
jmwright
  • 131
  • 1
  • 7

1 Answers1

1

You have to calculate the points where the lines should be bent and set the segment style properties appropriately.

If you want an alternative way of specifying bent edges, you could investigate zigzag edges: https://github.com/cytoscape/cytoscape.js/issues/882

maxkfranz
  • 11,896
  • 1
  • 27
  • 36