Diagram Overview

The Diagram represents information in a schematic way and according to particular visualization techniques.

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 widget 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");

Functionality and Features

See Also

In this article
Not finding the help you need? Improve this article