All docs
V19.1
19.1
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.
17.1
The page you are viewing does not exist in version 17.1. This link will take you to the root page.
16.2
The page you are viewing does not exist in version 16.2. This link will take you to the root page.

edges

An array of diagram edges.

Type:

Object

Default Value: null

Use the edges option to populate an array of diagram edges.

View Demo

jQuery
JavaScript
$(function() {
    $("#diagram").dxDiagram({
        nodes: {
            dataSource: orgItems
        },
        edges: {
            dataSource: orgLinks
        },
        layout: "tree"
    });
});

dataSource

Binds the edges collection to the specified data.

Default Value: null

The Diagram widget creates a connector between two shapes for every edge in the collection.

fromExpr

Specifies the data field that provides an edge's start node key.

Type:

String

|

Function

Function parameters:
data:

Object

Default Value: 'from'

keyExpr

Specifies the data field that provides a key for an edge.

Type:

String

|

Function

Function parameters:
data:

Object

Default Value: 'id'

toExpr

Specifies the data field that provides an edge's end node key.

Type:

String

|

Function

Function parameters:
data:

Object

Default Value: 'to'