data.nodesArray(required)
The nodes of the Sankey. The nodes are the elements that are connected by the links. Each node has an id that is used to connect the nodes with the links.
Example
<div id="sankey" style="width: 500px; height: 200px;"></div>
<script>
$("#sankey").kendoSankey({
data: {
nodes: [
{ id: 1, label: { text: "Input 1" }, color: "#ff6358" },
{ id: 2, label: { text: "Input 2" }, color: "#ffd246" },
{ id: 3, label: { text: "Process" }, color: "#78d237" },
{ id: 4, label: { text: "Output" }, color: "#28b4c8" }
],
links: [
{ sourceId: 1, targetId: 3, value: 30 },
{ sourceId: 2, targetId: 3, value: 20 },
{ sourceId: 3, targetId: 4, value: 50 }
]
}
});
</script>
In this article