change
Fired when an item is added or removed to/from the diagram.
Event Data
e.added Array
The added items (shapes or connections).
e.removed Array
The removed items (shapes or connections).
e.sender kendo.dataviz.ui.Diagram
The widget instance which fired the event.
Example - get added and removed items
<div id="diagram"></div>
<script>
function onChange(e){
console.log("Added items: " + e.added.length + "; Removed items: " + e.removed.length);
}
$("#diagram").kendoDiagram({
shapes:[
{
id:"1",
content:{
text: "State 1"
},
x: 20,
y: 20
},
{
id:"2",
content: {
text: "State 2"
},
x: 160,
y: 20
}
],
connections:[
{
from: "1",
to: "2"
}
],
change: onChange
});
</script>