targetPoint

Similar to the sourcePoint, this gets the coordinates of the target of the Connection independently of its endpoint attachment.

Returns

kendo.dataviz.diagram.Point the coordinates of the connection target.

    Get Connection Target Point
    <div id="diagram"></div>

      var Shape = kendo.dataviz.diagram.Shape;
      $("#diagram").kendoDiagram();
      var diagram = $("#diagram").data("kendoDiagram");
      var shape1 = diagram.addShape( new Shape({ x: 100, y: 100 }));
      var shape2 = diagram.addShape( new Shape({ x: 300, y: 180 }));


      var connection = new kendo.dataviz.diagram.Connection(shape1, shape2, {
        fromConnector: "left",
        type: "cascading",
        selectable: false
      });

      diagram.addConnection(connection);

      $("#getTargetBtn").on("click", function(){
        var connection = diagram.connections[0];
        var point = connection.targetPoint();
        console.log("Connection target point: x = " + point.x + "; y = " + point.y);
      });
    </script>
In this article
Not finding the help you need? Improve this article