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

DiagramLayout

The layout of a diagram consists in arranging the shapes (sometimes also the connections) in some fashion in order to achieve an aesthetically pleasing experience to the user.

NameTypeDefaultDescription

endRadialAngle?

number

Defines where the circle/arc ends (radial tree layout).

grid?

LayoutGrid

The grid layout options.

horizontalSeparation?

number

The distance between siblings or levels.

iterations?

number

The number of times that all the forces in the diagram are being calculated and balanced.

layerSeparation?

number

The height (in a vertical layout) or width (in a horizontal layout) between the layers.

nodeDistance?

number

The optimal length between 2 nodes (force-directed/layered layout).

radialFirstLevelSeparation?

number

Controls the distance between the root and the immediate children of the root (radial tree layout).

radialSeparation?

number

Defines the radial separation between the levels (radial tree layout).

startRadialAngle?

number

Defines where the circle/arc starts (radial tree layout).

subtype?

"horizontal" | "vertical" | "left" | "right" | "radial" | "down" | "up" | "mindmapHorizontal" | "mindmapVertical" | "tipOver"

The subtype further defines the layout type by specifying in greater detail the behaviour expected by the layout algorithm.

tipOverTreeStartLevel?

number

Specifies the start level when the subtype is tipOver.

type?

"tree" | "force" | "layered"

The type of the layout algorithm to use.

underneathHorizontalOffset?

number

The horizontal offset from a child with respect to its parent (tipOver tree layout).

underneathVerticalSeparation?

number

The vertical separation between siblings and sub-branches (tipOver tree layout).

underneathVerticalTopOffset?

number

The vertical separation between a parent and its first child (tipOver tree layout).

verticalSeparation?

number

The distance between siblings or levels.

Not finding the help you need?
Contact Support