@joint/react
    Preparing search index...

    Interface LinkRoutingOrthogonalOptions

    Options for linkRoutingOrthogonal.

    interface LinkRoutingOrthogonalOptions {
        cornerRadius?: number;
        cornerType?: "line" | "point" | "cubic" | "gap";
        margin?: number;
        markerSelector?: string;
        minPathMargin?: number;
        mode?: LinkMode;
        sourceOffset?: number;
        straightWhenDisconnected?: boolean;
        targetOffset?: number;
    }

    Hierarchy

    • BaseLinkOptions
      • LinkRoutingOrthogonalOptions
    Index

    Properties

    cornerRadius? cornerType? margin? markerSelector? minPathMargin? mode? sourceOffset? straightWhenDisconnected? targetOffset?

    Properties

    cornerRadius?: number

    Corner radius of the rounded bends, in px.

    8
    cornerType?: "line" | "point" | "cubic" | "gap"

    Corner style at each bend.

    'cubic'
    margin?: number

    Distance, in px, the route keeps clear of elements as it steers around them.

    20
    markerSelector?: string

    The attrs selector that holds the marker definitions.

    'line'
    minPathMargin?: number

    Smallest distance, in px, the router travels before it can turn.

    margin / 4
    mode?: LinkMode

    Which side of an element or port each link end attaches to; see LinkMode for how each value behaves.

    'auto'
    sourceOffset?: number

    Offset (in px) applied to the connection point at the source end.

    0
    straightWhenDisconnected?: boolean

    Fall back to a straight line while either end is still unconnected (e.g. mid-drag).

    true
    targetOffset?: number

    Offset (in px) applied to the connection point at the target end.

    0

    Settings

    Member Visibility

    On This Page

    Properties