Kendo UI for jQuery Diagram Overview
The Diagram represents information in a schematic way and according to particular visualization techniques.
Start Free Trial
Basic Configuration
To create a Diagram, use a div element and optionally set a height and width via CSS.
html
<div id="diagram"></div>The following example demonstrates how to initialize the Diagram with its default configuration. The component will render an empty diagramming surface and the changes will be visible only in the resulting HTML.
js
$(document).ready(function() {
$("#diagram").kendoDiagram();
});To access the actual diagramming API, call the data() method.
js
var diagram = $("#diagram").kendoDiagram().data("kendoDiagram");