Adjust Path Origin

The following example demonstrates how to position any path at the origin of the Diagram.


    <div id="diagram"></div>

      var diagram = $("#diagram").kendoDiagram({}).getKendoDiagram();

        visual: function() {
          var group = new kendo.dataviz.diagram.Group();
          var path = new kendo.dataviz.diagram.Path({
            data: "M100,100 L 200,200 100,300 z"

          var bbox = group.drawingElement.bbox();

          if (bbox.origin.x !== 0 || bbox.origin.y !== 0) {
            group.position(-bbox.origin.x, -bbox.origin.y);
          return group;

See Also

For more runnable examples on the Kendo UI Diagram, browse its How To documentation folder.

In this article
Not finding the help you need? Improve this article