Taxi edges For hierarchical, bundled edges (curve-style: taxi)

https://js.cytoscape.org/#style/taxi-edges

interface TaxiEdges {
    edge-distances: PropertyValueEdge<"intersection" | "node-position">;
    taxi-direction: PropertyValueEdge<
        | "auto"
        | "vertical"
        | "downward"
        | "upward"
        | "horizontal"
        | "rightward"
        | "leftward">;
    taxi-turn: PropertyValueEdge<string | number | number[]>;
    taxi-turn-min-distance: PropertyValueEdge<string | number>;
}

Properties

edge-distances: PropertyValueEdge<"intersection" | "node-position">

With value intersection (default), the distances (taxi-turn and taxi-turn-min-distance) are considered from the outside of the source’s bounds to the outside of the target’s bounds. With value node-position, the distances are considered from the source position to the target position. The node-position option makes calculating edge points easier — but it should be used carefully because you can create invalid points that intersection would have automatically corrected.

taxi-direction: PropertyValueEdge<
    | "auto"
    | "vertical"
    | "downward"
    | "upward"
    | "horizontal"
    | "rightward"
    | "leftward">

The main direction of the edge, the direction starting out from the source node; may be one of:

  • auto: Automatically use vertical or horizontal, based on whether the vertical or horizontal distance is largest.
  • vertical: Automatically use downward or upward, based on the vertical direction from source to target.
  • downward: Bundle outgoers downwards.
  • upward: Bundle outgoers upwards.
  • horizontal: Automatically use righward or leftward, based on the horizontal direction from source to target.
  • rightward: Bundle outgoers righwards.
  • leftward: Bundle outgoers leftwards.
taxi-turn: PropertyValueEdge<string | number | number[]>

The distance along the primary axis where the first turn is applied.

  • This value may be an absolute distance (e.g. '20px') or it may be a relative distance between the source and target (e.g. '50%').
  • A negative value may be specified to indicate a distance in the oppostite, target to source direction (e.g. '-20px').
  • Note that bundling may not work with an explicit direction (upward, downward, leftward, or rightward) in tandem with a turn distance specified in percent units.
taxi-turn-min-distance: PropertyValueEdge<string | number>

The minimum distance along the primary axis that is maintained between the nodes and the turns.

  • This value only takes on absolute values (e.g. '5px').
  • This property makes the taxi edge be re-routed when the turns would be otherwise too close to the source or target. As such, it also helps to avoid turns overlapping edge endpoint arrows.