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.

nodes

An array of diagram nodes.

Type:

Object

Default Value: null

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

View Demo

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

dataSource

Binds the nodes collection to the specified data.

Default Value: null

The Diagram widget creates a shape for every node in the collection.

itemsExpr

Specifies the data field that contains nested items.

Type:

String

|

Function

Function parameters:
data:

Object

Default Value: 'items'

keyExpr

Specifies the data field that provides a node's key.

Type:

String

|

Function

Function parameters:
data:

Object

Default Value: 'id'

parentKeyExpr

Specifies data field that provides a parent node ID for a node.

Type:

String

|

Function

Function parameters:
data:

Object

Default Value: 'parentId'

textExpr

Specifies data field that provides a text for a node.

Type:

String

|

Function

Function parameters:
data:

Object

Default Value: 'text'

typeExpr

Specifies data field that provides a shape type for a node.

Type:

String

|

Function

Function parameters:
data:

Object

Default Value: 'type'