Skip to main content
StraightConnectorOptions
Options for a straight connector.
NameTypeDescription
alwaysRespectStubs?booleanDefaults 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?ConnectorPathConstrainmentOptional 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?numberOptional radius to apply to corners. If you have set smooth:true this will be ignored.
cssClass?stringOptional class to set on the element used to render the connector.
gap?numberDefines a number of pixels between the end of the connector and its anchor point. Defaults to zero.
hoverClass?stringOptional class to set on the element used to render the connector when the mouse is hovering over the connector.
loopbackRadius?numberFor a loopback connection (when constrain is set to orthogonal), the size of the loop.
midpoint?numberThe point to use as the halfway point between the source and target when constrain is set to orthogonal. Defaults to 0.5.
slightlyWonky?booleanIf true, and a cornerRadius is set, the lines are drawn in such a way that they look slightly hand drawn.
smooth?booleanWhether 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?numberThe 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?numberStub defines a number of pixels that the connector travels away from its element before the connector's actual path begins.