New to Kendo UI for AngularStart a free 30-day trial

Defines the base options for a connection in the diagram.

Definition

Package:@progress/kendo-angular-diagrams

Properties

accessibility?

AccessibilityOptions

Defines accessibility options for the connection.

Defines the label displayed on the connection path.

Defines the corner radius of the connection.

Default:

0

Defines the connection dataItem.

Defines the editing behavior of the connections.

The connections end cap configuration.

from?

string | number | Coordinate

The source of the connection. Can be a shape id or an object with XY-coordinates.

Specifies the name of the source shape connector that should be used by default.

hover?

{ stroke?: { color?: string } }

Defines the default styling that is applied when the user hovers over a connection.

Sets the intermediate points (in global coordinates) of the connection.

Specifies if connections can be selected.

selection?

{ handles?: { fill?: string | { color?: string }; stroke?: { color?: string }; width?: number; height?: number } }

Defines the connections selection configuration.

The connection start cap configuration or type name.

stroke?

string | Stroke

Defines the connection line configuration.

to?

string | number | Coordinate

The target of the connection. Can be a shape id or an object with XY-coordinates.

Specifies the name of the target shape connector that should be used by default.

type?

"polyline" | "cascading"

Specifies the connections type. The supported values are:

  • "polyline": connects the defined intermediate points.
  • "cascading": discards given points and defines a cascading path between the endpoints.
Default:

"cascading"