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.
Definition
Package:@progress/kendo-angular-diagrams
Properties
endRadialAngle?
number
Defines where the circle/arc ends (radial tree layout).
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).
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?
"left" | "right" | "radial" | "down" | "up" | "mindmapHorizontal" | "mindmapVertical" | "tipOver" | "horizontal" | "vertical"
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.
The horizontal offset from a child with respect to its parent (tipOver tree layout).
The vertical separation between siblings and sub-branches (tipOver tree layout).
The vertical separation between a parent and its first child (tipOver tree layout).
verticalSeparation?
number
The distance between siblings or levels.