New to Kendo UI for jQuery? Start a free 30-day trial

Editable

configuration

Defines the shape editable options.

editable

Boolean|Object

Default: true

<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: 20,
    y: 20,
    fill: "#c0f0fc",
    editable: false
  });
  diagram.addShape(shape);
</script>

editable.connect

Boolean

Specifies whether the connectors should appear on hover.

<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: 20,
    y: 20,
    fill: "#c0f0fc",
    editable: {
      connect: false
    }
  });
  diagram.addShape(shape);
</script>