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() {
    $("#treeMap").kendoTreeMap({
        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
Not finding the help you need? Improve this article