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

Template

configuration

The template which renders the treeMap tile content.

The fields which can be used in the template are:

dataItem - the original data item used to construct the point.
text - the original tile text.

template

String|Function

<div id="treemap"></div>
<script>
$("#treemap").kendoTreeMap({
    dataSource: [
        { name: "Technology", value: 50, percentage: 45 },
        { name: "Healthcare", value: 35, percentage: 32 },
        { name: "Finance", value: 25, percentage: 23 }
    ],
    valueField: "value",
    textField: "name",
    template: (data) => `${data.text}<br/>Value: ${data.dataItem.value}<br/>${data.dataItem.percentage}%`
});
</script>