pivotick - v0.0.1
    Preparing search index...

    Interface NodeStyle

    interface NodeStyle {
        color: string | ((node: Node) => string);
        fontFamily: string;
        html?: (node: Node) => string | void | HTMLElement;
        iconClass?: string;
        iconUnicode?: string;
        imagePath?: string;
        shape: ((node: Node) => NodeShape) | NodeShape;
        size: number | ((node: Node) => number);
        strokeColor: string | ((node: Node) => string);
        strokeWidth: string | number;
        styleCb?: (node: Node) => Partial<NodeStyle>;
        svgIcon?: string;
        text?: string | ((node: Node) => string);
        textColor: string | ((node: Node) => string);
        textVerticalShift: number | ((node: Node) => number);
    }
    Index

    Properties

    color fontFamily html? iconClass? iconUnicode? imagePath? shape size strokeColor strokeWidth styleCb? svgIcon? text? textColor textVerticalShift

    Properties

    color: string | ((node: Node) => string)

    The main color of the node

    'var(--pvt-node-color, #007acc)'
    fontFamily: string
    'var(--pvt-label-font, system-ui, sans-serif)'
    html?: (node: Node) => string | void | HTMLElement

    The html to be used inside the node as an SVGForeignObject element

    iconClass?: string
    iconUnicode?: string
    imagePath?: string
    shape: ((node: Node) => NodeShape) | NodeShape

    The shape of the node, either a standard shape or a custom SVG path

    circle
    size: number | ((node: Node) => number)
    10
    strokeColor: string | ((node: Node) => string)
    'var(--pvt-node-stroke, #fff)'
    strokeWidth: string | number
    'var(--pvt-node-stroke-width, 2)'
    styleCb?: (node: Node) => Partial<NodeStyle>

    Callback to dynamically override style properties based on the node.

    svgIcon?: string

    Optionaltext

    text?: string | ((node: Node) => string)

    The text to be used inside the node as an SVGText element

    textColor: string | ((node: Node) => string)
    'var(--pvt-node-text-color, #fff)'
    textVerticalShift: number | ((node: Node) => number)

    The vertical shift applied to the node's label position. A value of 0 means it is centered to the node, a value of 1 is north of the node, -1 is south of the node. Other values are also accepted, e.g., 0.5 would be halfway between the center and the north of the node.

    0

    Settings

    Member Visibility

    On This Page

    Properties