toConnector String (default: "Auto")

Specifies the name of the target shape connector that should be used by default.

    <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: 250}));
      var shape2 = diagram.addShape( new Shape({x:300, y: 50}));


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

      diagram.addConnection(connection);
    </script>
In this article
Not finding the help you need? Improve this article