Drag and Drop Items | Demos

Drag the icons from the panel onto the chart. Draw a new link by dragging from the plus icon of one node to another node. To edit a label, double click on a node or link.

This demo is not supported on touch devices.

This demo illustrates the ability to create items on charts by dragging pre-defined nodes into the chart and then creating links between them.

You can also edit node and link names by double-clicking them.

Key functions used:

chart.createLink
chart.labelPosition
chart.lock
chart.setItem
chart.setProperties
chart.worldCoordinates
Chart Events
- 'hover'
- 'pointer-down'