Questions on Kendo UI for jQuery Forum

0 answers

60 views

KendoTreeMap is not a function while using it in Angular Framework

I tried to insert a Treemap for static data.. but while calling the function using the native element of html tag it says (...).kendoTreeMap is not a function. This error occurs even when I tried using jquery.

This is my code ...

Treemap.component.ts

 async initializaer(){
    this.treemap.nativeElement.kendoTreeMap({
      dataSource: {
        data: [{
          name: "Root",
          items: [{
            name: "Group A",
            value: 1,
            items: [{ name: "foo", value: 1 }, { name: "bar", value: 2 }, { name: "baz", value: 3 }]
          }, {
            name: "Group B",
            value: 1,
            items: [{ name: "foo", value: 1 }, { name: "bar", value: 2 }, { name: "baz", value: 3 }]
          }]
        }]
      },
      autoBind: false,
      valueField: "value",
      textField: "name",
      colors: [["#ff6666", "#ff0000"], ["#7fb17f", "#006400"]]
    });

TreeMap

updated question on 03 Apr 2023

1 answer

75 views

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

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?

Charts

TreeMap

answered on 14 Oct 2022

1 answer

299 views

KendoUi Font icons are not loading

Actually we have kendoUi in angularjs project. which ic giving error in developer console like server not responding 404 error for webcomponentsicon.ttf and webcomponentsicon.woff. because of this icons are not loading. can anyone please help me to clear this issue

Hierarchical Data Source

answered on 15 Jun 2022

1 answer

173 views

TreeMap - title and centered data

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?

TreeMap

answered on 25 Jun 2018

2 answers

55 views

Treemap Selection Animation

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

TreeMap

answered on 24 Aug 2017

1 answer

73 views

MVC Kendo Treemap Data

Hello,

is it possible to set a C# list as data for the Kendo Treemap?

Thanks in advance.

TreeMap

answered on 14 Jul 2017

2 answers

46 views

MVC TreeMap sample could be improved with the addition of Colors Range

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

TreeMap