zoomEnd

Fired when the user changes the diagram zoom level.

Event Data

e.point kendo.dataviz.diagram.Point

The zoom center.

e.sender kendo.dataviz.ui.Diagram

The widget instance which fired the event.

e.zoom Number

The current zoom level.

Example - handling the zoomEnd event

<div id="diagram"></div>
<script>
  $("#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"
      }
    ],
    zoomEnd: onZoomEnd
  });

  function onZoomEnd(e){
    console.log("Zoom level changed to: " + e.zoom);
  }
</script>