Kendo Tree map in Angular 5

[subin]

We have implemented Tree map control using Angular 1.5 . Now we planned to upgrade our application to angular 5.
I found kendo-angular-charts,kendo-angular-grid etc were supported by kendo ,But i couldn't find exact package to be added for Kendo tree map using ng add command.

Please advice on this 


Thanks in Advance
Subin

[Daniel]

Hello,

The treemap is not yet available in the Kendo UI Angular suite. You can vote for it in our uservoice forum on this page. In the meantime it should be possible to use the Kendo UI for jQuery treemap using the approach demonstrated here.

Regards,
Daniel
Progress Telerik

[subin]

Hi Team ,

I tried  JQuery integration with Angular 5 for Kendo tree map control. What  i did is,  added JQuery to node-Modules through npm and register the type in Angularcli . For Kendo pack i added kendo.all.min  in header of index.html  .Then in my component in imported jqury using below command

import * as $ from 'jquery';

and finally i load  tree map sample using below code in ngAfterViewInit method .

$("#treeMap").kendoTreeMap({
dataSource: {
data: [{
name: "foo",
value: 1
}]
},
valueField: "value",
textField: "name"
});

 

But it is not working or throwing any exceptions in console .

 

Please  correct if my approach is wrong.

Thanks in advance

Subin

 

[Daniel]

Hello again,

Please try with the approach suggested in the documentation - import kendo-ui from the npm package:

import '@progress/kendo-ui';

If not possible try adding both jQuery and Kendo as scripts to the header and declare the type. If the Kendo scripts are added to the header and jQuery is imported then jQuery will not be available at the time the Kendo scripts are loaded which will result in error.


Regards,
Daniel
Progress Telerik