layout.horizontalSeparationNumber
(default: 90)
Either the distance between the siblings if the tree is up/down or between levels if the tree is left/right. In tipOver tree layout this setting is used only for the direct children of the root
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
layout: {
type: "tree",
subtype: "down",
horizontalSeparation: 120
},
shapes: [
{ id: "1", x: 100, y: 50, content: { text: "Root" } },
{ id: "2", x: 50, y: 150, content: { text: "Child 1" } },
{ id: "3", x: 150, y: 150, content: { text: "Child 2" } }
],
connections: [
{ from: "1", to: "2" },
{ from: "1", to: "3" }
]
});
</script>
In this article