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

Theme

configuration

The theme of the TreeMap.

Note: Since Q2 2024 release, the default value for the theme property is "sass" instead of "default". It is recommended to use "sass" with version Q2 2024 or later.

theme

String

Default: "sass"

<div id="treemap"></div>
<script>
$("#treemap").kendoTreeMap({
    dataSource: [
        { name: "Product A", value: 50 },
        { name: "Product B", value: 30 },
        { name: "Product C", value: 20 }
    ],
    theme: "bootstrap",
    valueField: "value",
    textField: "name"
});
</script>