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.