points Array

Sets the intermediate points (in global coordinates) of the connection.

    <div id="diagram"></div>
    <script>
      var Point = kendo.dataviz.diagram.Point;
      var diagram = $("#diagram").kendoDiagram({ }).getKendoDiagram();
      var connection = diagram.connect(new Point(100,100), new Point(300,100), {
        type: "polyline",
        points: [
          new Point(150,100),
          new Point(150,150),
          new Point(200,150),
          new Point(200,100)
        ],
        selectable: false
      });
    </script>

points.x Number

Sets the X coordinate of the point.

    <div id="diagram"></div>
    <script>
      var Point = kendo.dataviz.diagram.Point;
      var diagram = $("#diagram").kendoDiagram({ }).getKendoDiagram();
      var connection = diagram.connect(new Point(100,100), new Point(300,100), {
        type: "polyline",
        points: [
          { x: 150, y: 100 },
          { x: 175, y: 150 },
          { x: 200, y: 100 }
        ],
        selectable: false
      });
    </script>

points.y Number

Sets the Y coordinate of the point.

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