Connectors are used to create links between nodes
Object
Allows the user to save custom information/data about a node/connector
Defaults to undefined
<div id='diagram'></div>
let connectors: ConnectorModel[] = [{
id: 'connector', type: 'Straight', sourcePoint: { x: 500, y: 100 }, targetPoint: { x: 600, y: 200 },
annotations: [{ content: 'No', offset: 0, alignment: 'After' }]
];
let diagram: Diagram = new Diagram({
...
connectors: connectors
...
});
diagram.appendTo('#diagram');
number
Defines the bridgeSpace of connector
Defaults to 10
Defines the collapsed state of a node
Defaults to {}
Defines the constraints of connector
Defaults to ‘None’
number
Sets the corner radius of the connector
Defaults to 0
boolean
Defines whether the node should be automatically positioned or not. Applicable, if layout option is enabled.
Defaults to false
Defines the expanded state of a node
Defaults to {}
string
Flip the element in Horizontal/Vertical directions
Defaults to None
number
Sets the connector padding value
Defaults to 10
string
Represents the unique id of nodes/connectors
Defaults to ”
boolean
Defines whether the node is expanded or not
Defaults to true
Defines the space to be left between the node and its immediate parent
Defaults to {}
Defines the collection of connection points of nodes/connectors
Defaults to undefined
[]
Defines the segments
Defaults to []
ConnectorShapeModel
| BpmnFlowModel
| RelationShipModel
Defines the shape of the connector
Defaults to ‘Bpmn’
Defines the source decorator of the connector
Defaults to new Decorator()
string
Sets the source node/connector object of the connector
Defaults to null
number
Sets the source padding of the connector
Defaults to 0
Sets the beginning point of the connector
Defaults to new Point(0,0)
string
Sets the unique id of the source port of the connector
Defaults to ”
Defines the appearance of the connection path
Defaults to ”
Defines the target decorator of the connector
Defaults to new Decorator()
string
Sets the target node/connector object of the connector
Defaults to null
number
Sets the target padding of the connector
Defaults to 0
Sets the end point of the connector
Defaults to new Point(0,0)
string
Sets the unique id of the target port of the connector
Defaults to ”
defines the tooltip for the connector
Defaults to new DiagramToolTip();
string
Defines the type of the connector
Defaults to ‘Straight’
boolean
Sets the visibility of the node/connector
Defaults to true
Defines the UI of the connector
Defaults to null
number
Defines the visual order of the node/connector in DOM
Defaults to -1