connectorDefaults Object

Defines default options for the shape connectors.

Example - customizing the shape connectors default settings

<div id="diagram"></div>
<script>
  var Shape = kendo.dataviz.diagram.Shape;

  $("#diagram").kendoDiagram();
  var diagram = $("#diagram").data("kendoDiagram");

  var shape = new Shape({
    id: 1,
    x: 40,
    y: 40,
    fill: "#c0f0fc",
    connectorDefaults: {
      width: 10,
      height: 10,
      fill: {
        color: "blue",
        opacity: 0.5
      },
      stroke: {
        width: 2,
        color: "lightgreen"
      },
      hover: {
        fill: {
          color: "yellow"
        },
        stroke: {
          color: "lightgreen"
        }
      }
    }
  });
  diagram.addShape(shape);
</script>
In this article
Not finding the help you need? Improve this article