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

ColorField

configuration

The data item field which contains the tile color.

colorField

String

Default: "color"

<div id="treemap"></div>
<script>
$("#treemap").kendoTreeMap({
    dataSource: [
        { name: "High Priority", value: 40, tileColor: "#ff6347" },
        { name: "Medium Priority", value: 30, tileColor: "#ffa500" },
        { name: "Low Priority", value: 20, tileColor: "#90ee90" }
    ],
    valueField: "value",
    textField: "name",
    colorField: "tileColor"
});
</script>