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?
For the cell content in a treemap, in addition to the title text I would like to have a secondary piece of data that is centered in the cell.
It would also be nice if the font size of the centered item changes with the size of the cell (i.e. big cell == big font, small cell == small font)
Are either of those things possible?
Hi,
Would you please let me know if I can avoid the treemap animation on mouse hover. Normally the treemap tile shrinks a bit when user does a mouse enter. I just want to avoid that behaviour. I've attached the screenshot for reference.
Regards
Prasanth
Hello,
is it possible to set a C# list as data for the Kendo Treemap?
Thanks in advance.
I was using the MVC Sample app to build our usage of the TreeMap, and we couldn't get the Color Range to work on the map like is shown in this demo
MVC TreeMap Demo
Then we dug through the JS samples and realized the color range was set as an option in the sample. I believe the MVC sample could use this to improve the user experience of starting with code that looks like what is shown.
.Colors(color =>
{
color.AddRange("#0072c6", "#cbe2f3");
color.AddRange("#5db2ff", "#deeffe");
color.AddRange("#ff8f32", "#cbe7d0");
color.AddRange("#82ba00", "#e5f0cb");
color.AddRange("#ff8f32", "#fee8d5");
color.AddRange("#9e0a61", "#eccedf");
color.AddRange("#ac193d", "#eed0d7");
})
Thank you
The loading.gif only animates for a second or so. After that it just doesn't animate until the ouput is rendered back to the UI screen.
Using Vs2015 , Web application
1. Using Typescript to set the chart options (Aspx -- calling html - calling Typescript with chart options set -- calling data access ).
Is there a way to open a POPUP or some kind of dialog - When user CLICKS on any cell on the chart ?
Example : If user clicks on the 'Country - State' ce;; - I want to show 'State name , Population , Capital city'.
When I try to set the Chart options and datasource using TYPESCRIPT - it binds data , sets the customized colors but tooltip never works.
FYI, the calling happens as follows
Aspx - Html - Typescript - Dataacess
Is there any issue using Typescript and tool tip ? .
I am using latest kendo version .
Example with typescript - for treemap with tooltip will be helpful in my case.