New to Kendo UI for jQuery? Start a free 30-day trial

Data.nodes.offset

configuration

The offset applied to the node's position.

data.nodes.offset

Object

Default: { top: 0, left: 0 }

<div id="sankey" style="width: 500px; height: 200px;"></div>
<script>
    $("#sankey").kendoSankey({
        data: {
            nodes: [
                { 
                    id: 1, 
                    label: { text: "Offset Node" },
                    offset: {
                        left: 20,
                        top: 10
                    }
                },
                { id: 2, label: { text: "Normal Node" } }
            ],
            links: [
                { sourceId: 1, targetId: 2, value: 10 }
            ]
        }
    });
</script>

data.nodes.offset.left

Number

The left offset of the node.

<div id="sankey" style="width: 500px; height: 200px;"></div>
<script>
    $("#sankey").kendoSankey({
        data: {
            nodes: [
                { 
                    id: 1, 
                    label: { text: "Left Offset" },
                    offset: {
                        left: 25
                    }
                },
                { id: 2, label: { text: "Target Node" } }
            ],
            links: [
                { sourceId: 1, targetId: 2, value: 10 }
            ]
        }
    });
</script>

data.nodes.offset.top

Number

The top offset of the node.

<div id="sankey" style="width: 500px; height: 200px;"></div>
<script>
    $("#sankey").kendoSankey({
        data: {
            nodes: [
                { 
                    id: 1, 
                    label: { text: "Top Offset" },
                    offset: {
                        top: 15
                    }
                },
                { id: 2, label: { text: "Target Node" } }
            ],
            links: [
                { sourceId: 1, targetId: 2, value: 10 }
            ]
        }
    });
</script>