How to display treeMap value on the chart along with the name?

[AJ]

I want to be able to display the treemap value on the TreeMap chart.

My TreeMap Definition :

$("#treeMap").kendoTreeMap({
    dataSource: {
        data: [{
            items: [{
                name: "Seg1",
                value: 54
            },
            {
                 name: "Seg2",
                 value: 37
            },
            {
                 name: "Seg3",
                 value: 9
             }]
         }]
     },
     valueField: "value",
     textField: "name",
     colors: [["#FF7700","#FF77FF"]]
});

 

I want to be able to see the values also in the chart like Seg1 : 54 , Seg2 : 37 , Seg3 : 9 . How do I do that?

 

[Georgi Denchev]

Hi, AJ,

You can use the template configuration to render the value alongside the name.

template: "#:dataItem.name ?? ''# #:dataItem.value?? ''#",

Dojo

https://dojo.telerik.com/@gdenchev/OXuVUhUM 

Best Regards,
Georgi Denchev
Progress Telerik

[AJ]

Hello, yeah this helps, thank you. Is there a way to not get the treemap-title?
I have a workaround using 

$('.k-treemap-title').remove();

But can it done by making modifications to template or some other way?

[Georgi Denchev]

Hello, AJ,

The title is part of the individual nodes so there's no separate configuration that can disable it. The template allows you to modify the content inside the node, but not the node itself.

The solution that you came up with looks good to me and it is probably what I would've suggested as well.

Best Regards,

Georgi

[AJ]

Hello Georgi, 
Okay thanks for the help.