points Array

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

Example - configuring the points

<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.

Example - configuring the points.x

<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