rotate

Rotates the element with the specified parameters.

Parameters

angle NumberThe angle of rotation in decimal degrees.

Measured in clockwise direction with 0 pointing "right". Negative values or values greater than 360 will be normalized.

center kendo.dataviz.diagram.PointThe center of rotation.

Example - rotating the text block

<div id="diagram"></div>
<script>
  var diagram = kendo.dataviz.diagram;
  function getVisual(data) {
    var g = new diagram.Group();

    g.append(new diagram.Circle({
      width: 60,
      height: 60,
      fill: { color: "#add8e6" }
    }));

    var text = new diagram.TextBlock({
      text: 123,
      x: 20
    });

    g.append(text);

    text.rotate(-45, new kendo.dataviz.diagram.Point(40, 40));

    return g;
  };

  $("#diagram").kendoDiagram({
    layout: "tree",
    shapes: [{
      id: 123,
      visual: getVisual
    }]
  });
</script>
In this article
Not finding the help you need? Improve this article