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
number
Sets the connector padding value
Defaults to 0
Defines the constraints of connector
Defaults to ‘Default’
number
Sets the corner radius of the connector
Defaults to 0
Defines the size of a drop symbol
Defaults to undefined
boolean
Defines whether the node should be automatically positioned or not. Applicable, if layout option is enabled.
Defaults to false
ConnectorFixedUserHandleModel[]
Specifies the collection of the fixed user handle
Defaults to undefined
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 ”
Defines the space to be left between the node and its immediate parent
Defaults to {}
Defines the size of the symbol preview
Defaults to undefined
[]
Defines the segments
Defaults to []
ConnectorShapeModel
| BpmnFlowModel
| RelationShipModel
| DiagramConnectorShapeModel
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 symbol info of a connector
Defaults to undefined
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