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

AddShape

methods

Adds a new shape to the diagram. If the diagram is bound to a data source, do not use addShae(newShape). Instead, use diagram.dataSource.add(newShape); and optionally .sync() the data source.

addShape

Parameters:objObject

A Shape instance or a Point where the default shape type will be added.

Returns:kendo.dataviz.diagram.Shape

The newly created diagram shape.

<div id="diagram"></div>
<script>
  var Shape = kendo.dataviz.diagram.Shape;
  $("#diagram").kendoDiagram();
  var diagram = $("#diagram").data("kendoDiagram");

  var shape = new Shape({x: 500, y: 100, fill: "red"});
  diagram.addShape(shape);
</script>