[Solved] How to render data using javascript and kendo?

[Kenra]

Hi, I am new here..

 

I am having trouble on how or what is the best way to render data on _HTML, can anyone help me on this problem?

 

 

this is the current code:

 

Report = (() => {
    let attendance = "";
    const init = async ()=> {
      _HTML.onload();
      _BIND.onload();
    };
    const _HTML = {
      onload : ()=>{
          _UI.renderReport();
      },
      renderReport: () => {
        $("$chart").kendoChart({
          ....
        series:[{
          name: "Total Persons",
          data: counts //dont know why not working
         }]
        ...,
        categoryAxis:{
         categories: parents, //dont know why not working
        }
        ...,
        });
        attendance = $("renderReport").data("kendoChart");
      };
    }
    const _BIND = {
        onload: async () => {
            const _ = _DATA;
            const {parents, counts} = await _.getParents();
            console.log(parents, counts)
            attendance.setDataSource({parents, counts})
            
        }
    }
 })

// the result of console.log(parents, counts) are

 

{
    "parents": [
        "Jokha Alharthi",
        "Vasdev Mohi"
    ],
    "counts": [
        1,
        2
    ]
}

[Patrick | Technical Support Engineer, Senior]

Hi Kenra,

Based on the information provided, it looks like you may be asking about Kendo React, but it is not clear.  If so, we have some great resources which can help you get started with the Kendo React Charts and Data Binding:

• React Charts Library Getting Started
• React Charts Library & Chart Component - Data Binding
• Data Binding Overview

Please take a look at the documentation and samples above and let me know if you have any questions. 

If this is not does not help pertaining to the inquiry, please provide more details specific to the matter.   

Regards,
Patrick | Technical Support Engineer, Senior
Progress Telerik