Adjust Path Origin

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

Example

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

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

      diagram.addShape({
        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"
          });
          group.append(path);

          var bbox = group.drawingElement.bbox();

          if (bbox.origin.x !== 0 || bbox.origin.y !== 0) {
            group.position(-bbox.origin.x, -bbox.origin.y);
          }
          return group;
        }
      });
    </script>

See Also

• JavaScript API Reference
• How to Implement Local Data Editing
• How to Render External Content in Shapes
• How to Wrap Text

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