KendoTreeMap is not a function while using it in Angular Framework

[Sriram]

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"]]

    });