itemRotate

Fired when a shape is rotated.

Event Data

e.item kendo.dataviz.diagram.Shape

The rotated shape.

e.sender kendo.dataviz.ui.Diagram

The widget instance which fired the event.

Example - handling the itemRotate event

<div id="diagram" style="height:600px;"></div>
<script>
  $("#diagram").kendoDiagram({
    dataSource: {
      data: [
        { id: 1, jobTitle: "President" },
        { id: 2, jobTitle: "VP Finance" }
      ],
      schema: {
        model: {
          id: "id",
          fields: {
            jobTitle: { type: "string" }
          }
        }
      }
    },
    connectionsDataSource: {
      data: [
        { id: 1, from: 1, to: 2 }
      ]
    },
    layout: {
      type: "tree",
      subtype: "tipover",
      underneathHorizontalOffset: 140
    },
    shapeDefaults: {
      content: {
        template: "#: jobTitle #"
      }
    },
    itemRotate: onItemRotate
  });

  function onItemRotate(e){
    console.log("Rotated item: " + e.item + "at angle: " + e.item.options.rotation.angle);
  }
</script>
In this article
Not finding the help you need? Improve this article