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

Defines the configuration options for diagram connections. Extends the base connection options and adds tooltip support.

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.

Configures the tooltip that displays when you hover over the connection.

Sets the text content displayed in the tooltip.

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"