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

Template

configuration

The template which renders the content of the shape when bound to a dataSource. The names you can use in the template correspond to the properties used in the dataSource. For an example, refer to the dataSource topic below.

template

String|Function

Default: ""

<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    dataSource: {
        data: [
            { id: 1, name: "John", title: "Manager" },
            { id: 2, name: "Jane", title: "Developer" }
        ],
        schema: {
            model: {
                id: "id",
                fields: {
                    id: { type: "number" },
                    name: { type: "string" },
                    title: { type: "string" }
                }
            }
        }
    },
    template: "#= name # - #= title #"
});
</script>