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

Data Binding

The Kendo UI TreeMap provides options for binding it to a local data source and to a remote data source.

Binding to Local Data

The following example demonstrates how to create the TreeMap container.

<div id="treeMap"></div>

Initialize the TreeMap and bind it in the following way.

$(document).ready(function() {
        dataSource: {
            data: [{
                name: "foo",
                value: 1
        valueField: "value",
        textField: "name"

Binding to Remote Data

For more information, refer to the article on hierarchical Data Source.

See Also

In this article