data.links.highlight.inactiveOpacityNumber(default: 0.2)
The opacity of the links when another link is highlighted by hovering or tapping on it.
Example
<div id="sankey" style="width: 500px; height: 200px;"></div>
<script>
$("#sankey").kendoSankey({
data: {
nodes: [
{ id: 1, label: { text: "Node 1" } },
{ id: 2, label: { text: "Node 2" } },
{ id: 3, label: { text: "Node 3" } }
],
links: [
{
sourceId: 1,
targetId: 2,
value: 10,
highlight: {
inactiveOpacity: 0.1
}
},
{
sourceId: 2,
targetId: 3,
value: 5,
highlight: {
inactiveOpacity: 0.1
}
}
]
}
});
</script>
In this article