Generating Grouped Chart from DataTable

[Saravanan]

Hello.

I have the following DataTable (dataTable.JPG attached file), I want to generate a chart that looks similar to the attached file (Chart.png)

It has up to 3 levels of grouping as you can see in the chart, how can I accomplish this in charts for ASP.NET MVC?

Thank you.

 

 

[Misho]

Hello,

It seems there is no attachment in the previous post.
I would suggest you to review the following demo and forum post as a starting point: 
http://demos.telerik.com/aspnet-mvc/bar-charts/grouped-data
http://www.telerik.com/forums/chart-data-binding-to-datatable

If you have further questions, please don’t hesitate to contact us again with more details on what you would like to accomplish with Kendo Chart.

Best Regards,
Misho
Telerik by Progress

[Saravanan]

Hello, sorry the files are attached now, kindly check the attachments to make it more clear, the chart is level 3 of depth.

[Saravanan]

Hello, sorry the files are attached now, kindly check the attachments to make it more clear, the chart is level 3 of depth.

DataTable: https://postimg.org/image/4gtk5fjvr

Chart: https://postimg.org/image/5htsuk0vb

For some reason every time I attach file anti spam blocks it

[Misho]

Hello,

The chart does not support binding directly to a DataTable but it is possible to achieve this by loading the data via Ajax or by projecting the DataTable rows to a collection of objects and binding the collection on the server. A starting point I suggest you to use the attached project in this post  and if you are still experiencing issues in configuring the chart component, to isolate the problematic setup as much as you can in as basic runnable sample project to demonstrate the issue and send it back to us.

Best Regards,
Misho
Telerik by Progress