Kendo UI for jQuery Diagram Overview
The Diagram represents information in a schematic way and according to particular visualization techniques.
The Diagram is part of Kendo UI for jQuery, a
professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Basic Configuration
To create a Diagram, use a div
element and optionally set a height and width via CSS.
<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.
$(document).ready(function() {
$("#diagram").kendoDiagram();
});
To access the actual diagramming API, call the data()
method.
var diagram = $("#diagram").kendoDiagram().data("kendoDiagram");