pivotick - v2.0.1
    Preparing search index...

    Interface EdgeStyle

    interface EdgeStyle {
        animateDash?: boolean;
        curveStyle: CurveStyle;
        dashed?: boolean | ((edge: Edge) => boolean);
        markerEnd?: string | ((edge: Edge) => string);
        markerStart?: string | ((edge: Edge) => string);
        opacity: number;
        rotateLabel: boolean;
        strokeColor: string;
        strokeWidth: number;
        styleCb?: (edge: Edge) => Partial<EdgeStyle>;
    }
    Index

    Properties

    animateDash? curveStyle dashed? markerEnd? markerStart? opacity rotateLabel strokeColor strokeWidth styleCb?

    Properties

    animateDash?: boolean

    Whether the dash should be animated (e.g., animation moving along the path) @default: true

    curveStyle: CurveStyle
    bidirectional
    dashed?: boolean | ((edge: Edge) => boolean)

    Whether the stroke is dashed

    false
    markerEnd?: string | ((edge: Edge) => string)

    Which end marker should the edge use

    arrow
    markerStart?: string | ((edge: Edge) => string)

    Which start marker should the edge use

    undefined
    opacity: number
    1.0
    rotateLabel: boolean

    Keeps labels horizontally aligned to the viewport

    false
    strokeColor: string
    'var(--pvt-edge-stroke, #999)'
    strokeWidth: number
    2
    styleCb?: (edge: Edge) => Partial<EdgeStyle>

    Callback to dynamically override style properties based on the edge.

    Where it sits depends on which style block declares it. On an edge's own style it wins outright, and edgeStyleMap is skipped entirely. On render.defaultEdgeStyle it is the computed form of the default slot: it fills only what neither the edge nor edgeStyleMap set (and what a per-edge styleCb left out), and its result still loses to both.

    Runs once per edge per render, so keep it cheap.

    Settings

    Member Visibility

    On This Page

    Properties