Kendo line chart

In this blog, I will show you how to use the Kendo line chart using ajax to return the data from an MVC controller.

Telerik has a vast amount of documentation on using their products, but sometimes that can cause problems trying to navigate around the literature.

So to help, this short blog will show you how to return a list as JSON from an MVC controller and display the results in a line chart and bar chart.

In this example, I used the following version of Kendo 2020.2.513 and ASP.NET MVC5 using the .NET framework 4.8

To start, I created a ViewModel as the code below shows, and this will hold the data for the Kendo UI line.

Next, I created the controller which will return the data for the line charts; in this example, the data is hardcoded into a list.

Once you have created the ViewModel and controller, its time for the javascript file, the code for this is below, and as you can see it has two charts, Kendo has many types of charts, bar charts, line charts, pie chart etc., but for this example, I have just used the line and bar chart. 

Kendo line chart Summary

If everything goes to plan and you have copied the code above, you should have something like the image below.

Kendo line chart

I hope you found this blog about the Kendo chart using .NET MVC and jQuery helpful, if you did, please leave a comment below.

Leave a comment

*
*