Class Graph

Represents a new Graph.

Hierarchy

  • unknown
    • Graph

Constructors

constructor

Accessors

data

Methods

createEdge createNode deleteEdge deleteNode deselectItem destroy getGraphPosition getGraphScale getWindowToGraphPosition on selectEdge selectNode setGraphPosition setGraphScale setNodeAttributeErrorState updateNodeAttribute updateNodePosition updateNodeType

Constructors

constructor

  • new Graph(
        schema: any,
        options?: {
            adjustVertices?: any;
            contextMenuItems?: any[];
            defaultStyles?: any;
            dom?: HTMLElement;
            edgeHoverEffect?: boolean;
            incrementNodeNames?: boolean;
            initialData?: any;
            passiveUIEvents?: boolean;
            readOnly?: boolean;
            restrictTranslate?: boolean;
        },
    ): Graph

    Creates a new Graph.

    Parameters

    • schema: any

      The graph schema.

    • Optionaloptions: {
          adjustVertices?: any;
          contextMenuItems?: any[];
          defaultStyles?: any;
          dom?: HTMLElement;
          edgeHoverEffect?: boolean;
          incrementNodeNames?: boolean;
          initialData?: any;
          passiveUIEvents?: boolean;
          readOnly?: boolean;
          restrictTranslate?: boolean;
      } = {}

      The graph configuration. Optional.

      • OptionaladjustVertices?: any

        If true, multiple edges connected between two nodes will be spaced apart.

      • OptionalcontextMenuItems?: any[]

        The context menu items to add to the graph.

      • OptionaldefaultStyles?: any

        Used to override the graph's default styling. Check ./constants.js for a full list of style properties.

      • Optionaldom?: HTMLElement

        If supplied, the graph will be attached to this element.

      • OptionaledgeHoverEffect?: boolean

        Whether the graph should show an edge highlight effect when the mouse is hovering over edges. Optional. Defaults to true.

      • OptionalincrementNodeNames?: boolean

        Whether the graph should increment the node name when a node with the same name already exists. Optional. Defaults to false.

      • OptionalinitialData?: any

        The graph data to initialize the graph with.

      • OptionalpassiveUIEvents?: boolean

        If true, the graph will not update its data and view upon user interaction. Instead, these interactions can be handled explicitly by listening to fired events. Optional. Defaults to false.

      • OptionalreadOnly?: boolean

        Whether the graph is read only. Optional. Defaults to false.

      • OptionalrestrictTranslate?: boolean

        Whether the graph should restrict the translate graph operation to the graph area. Optional. Defaults to false.

    Returns Graph

Accessors

data

  • get data(): any

    The current graph data. Contains an object with any nodes and edges present in the graph. This can be passed into the graph constructor to reload the current graph.

    Returns any

Methods

createEdge

  • createEdge(edge: any, edgeId: number): void

    Add an edge to the graph.

    Parameters

    • edge: any

      The edge to add.

    • edgeId: number

      The edge id for the new edge.

    Returns void

createNode

deleteEdge

deleteNode

deselectItem

destroy

getGraphPosition

  • getGraphPosition(): any

    Get the current center position of the viewport in the graph.

    Returns any

    The current center position of the viewport in the graph as an object containing x and y.

getGraphScale

getWindowToGraphPosition

  • getWindowToGraphPosition(pos: any): any

    Convert a position in window space to a position in graph space.

    Parameters

    • pos: any

      A position in the window, as an object containing x and y.

    Returns any

    The position in the graph based on the given window position, as an object containing x and y.

on

  • on(eventName: string, callback: Function): void

    Add an event listener to the graph.

    Parameters

    • eventName: string

      The name of the event to listen for.

    • callback: Function

      The callback to call when the event is triggered.

    Returns void

selectEdge

  • selectEdge(edge: any, edgeId: number): void

    Select an edge in the current graph.

    Parameters

    • edge: any

      The edge to select

    • edgeId: number

      The edge id of the edge to select

    Returns void

selectNode

setGraphPosition

  • setGraphPosition(posX: number, posY: number): void

    Set the center of the viewport to the given position.

    Parameters

    • posX: number

      The x position to set the center of the viewport to.

    • posY: number

      The y position to set the center of the viewport to.

    Returns void

setGraphScale

setNodeAttributeErrorState

  • setNodeAttributeErrorState(
        nodeId: number,
        attributeName: string,
        value: boolean,
    ): void

    Set the error state of a node attribute.

    Parameters

    • nodeId: number

      The node to update.

    • attributeName: string

      The name of the attribute to update.

    • value: boolean

      Whether the attribute should be set in the error state.

    Returns void

updateNodeAttribute

  • updateNodeAttribute(nodeId: number, attributeName: string, value: any): void

    Update the value of an attribute of a node.

    Parameters

    • nodeId: number

      The node to update.

    • attributeName: string

      The name of the attribute to update.

    • value: any

      The new value for the attribute.

    Returns void

updateNodePosition

  • updateNodePosition(nodeId: number, pos: any): void

    Update the position of a node.

    Parameters

    • nodeId: number

      The node to add.

    • pos: any

      The new position, given as an object containing x and y properties.

    Returns void

updateNodeType

  • updateNodeType(nodeId: number, nodeType: string): void

    Update the type of a node.

    Parameters

    • nodeId: number

      The node to update.

    • nodeType: string

      The new type for the node.

    Returns void

Settings

Member Visibility

On This Page

Constructors
Accessors
Methods