A relationship inside the graph visualization.

interface Relationship {
    caption?: string;
    captionAlign?: "center" | "top" | "bottom";
    captionHtml?: HTMLElement;
    captionSize?: number;
    captions?: StyledCaption[];
    color?: string;
    disabled?: boolean;
    from: string;
    hovered?: boolean;
    id: string;
    overlayIcon?: {
        position?: number[];
        size?: number;
        url: string;
    };
    selected?: boolean;
    to: string;
    type?: string;
    width?: number;
}

Hierarchy

  • GraphElement
    • Relationship

Properties

caption?: string

The text to display inside on node or relationship.

Use captions instead.

captionAlign?: "center" | "top" | "bottom"

The caption align. Has no affect on self-referring relationships.

captionHtml?: HTMLElement

The DOM element to display on top of a relationship caption.

The captionSize and captionAlign properties will affect the position and height of the html container element.

captionSize?: number

The caption text size.

captions?: StyledCaption[]

The caption text and font style. Captions are only visible when using the 'canvas' renderer.

color?: string
disabled?: boolean

Whether or not the current node or relationship is disabled.

from: string

Node id where the relationship starts from.

hovered?: boolean

Whether or not the current node or relationship is hovered.

id: string

The id of the current node or relationship. Ids need to be unique across all nodes and relationships. Ids need to be strings and cannot be empty.

overlayIcon?: {
    position?: number[];
    size?: number;
    url: string;
}

An icon to be displayed anywhere on top of the graph element. Icons are expected to be square.

Type declaration

  • Optionalposition?: number[]

    The position of the icon relative to the node or relationship. The position is a percentage of the node or relationship size. [1, 1] is the bottom right corner of the node or relationship. [-1, -1] is the top left corner of the node or relationship.

    [0, 0], the center of the node or relationship.

  • Optionalsize?: number

    The size of the icon relative to the node size or relationship caption size. The size is a percentage of the node size or relationship caption size.

    1, the same size as the node size or relationship caption size.

  • url: string
selected?: boolean

Whether or not the current node or relationship is selected.

to: string

Node id where the relationship points to.

type?: string

The relationship type.

width?: number

The width of the relationship.