sourceConnector kendo.dataviz.diagram.Connector

The connector, if any, that the connection originates from.

Example - configuring the sourceConnector

<button id="getConnectorBtn">Get Source Connector</button>
<div id="diagram"></div>
  var Shape = kendo.dataviz.diagram.Shape;
  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


  $("#getConnectorBtn").on("click", function(){
    var connector = diagram.connections[0].sourceConnector;
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log("Source connector name: " +;
In this article
Not finding the help you need? Improve this article