Skip to main content

StraightConnectorOptions

Options for a straight connector.

Extends​

Properties​

alwaysRespectStubs?​

optional alwaysRespectStubs: boolean

Defaults to true, meaning always draw a stub of the desired length, even when the source and target elements are very close together. This only applies when constrain is set to PATH_CONSTRAIN_ORTHOGONAL.

constrain?​

optional constrain: ConnectorPathConstrainment

Optional constraint on the direction path segments can travel in. Options are PATH_CONSTRAIN_NONE, PATH_CONSTRAIN_ORTHOGONAL (segments are vertical and/or horizontal lines) and PATH_CONSTRAIN_DIAGONAL (segments are vertical, horizontal, or 45 degree lines). You can also use PATH_CONSTRAIN_MANHATTAN as an alias for PATH_CONSTRAIN_ORTHOGONAL or PATH_CONSTRAIN_METRO as an alias for PATH_CONSTRAIN_DIAGONAL.

cornerRadius?​

optional cornerRadius: number

Optional radius to apply to corners. If you have set smooth:true this will be ignored.

cssClass?​

optional cssClass: string

Optional class to set on the element used to render the connector.

Inherited from​

ConnectorOptions.cssClass

gap?​

optional gap: number

Defines a number of pixels between the end of the connector and its anchor point. Defaults to zero.

Inherited from​

ConnectorOptions.gap

hoverClass?​

optional hoverClass: string

Optional class to set on the element used to render the connector when the mouse is hovering over the connector.

Inherited from​

ConnectorOptions.hoverClass

loopbackRadius?​

optional loopbackRadius: number

For a loopback connection (when constrain is set to orthogonal), the size of the loop.

midpoint?​

optional midpoint: number

The point to use as the halfway point between the source and target when constrain is set to orthogonal. Defaults to 0.5.

slightlyWonky?​

optional slightlyWonky: boolean

If true, and a cornerRadius is set, the lines are drawn in such a way that they look slightly hand drawn.

smooth?​

optional smooth: boolean

Whether or not to smooth the connector. Defaults to false. It is not recommended to use this in conjunction with orthogonal or diagonal constrain, as the line tends to take on a bit of a hand-drawn appearance. It's not without charm but it's also not for everyone.

smoothing?​

optional smoothing: number

The amount of smoothing to apply. The default is 0.15. Values that deviate too much from the default will make your lines look weird.

stub?​

optional stub: number

Stub defines a number of pixels that the connector travels away from its element before the connector's actual path begins.

Inherited from​

ConnectorOptions.stub