toConnector String (default: "Auto")

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

Example - configuring the toConnector

<div id="diagram"></div>
<script>
  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