Using jqxChart With ASP.NET MVC 4

In this article, we will see how we can use jqxChart in MVC application.

In this post, I will explain to you how we can use jqxChart control in MVC4 application, using C# and Entity Framework, JSON.

jqxChart is an easy to use chart widget based on the popular jQuery library. It is written 100 percent in JavaScript and uses W3C standards, like HTML5, CSS and SVG. jqxChart provides optimal chart rendering performance and high quality visualization across browsers and devices (PCs, Laptops, Tablets and Mobile phones).

Firstly, we need to create a table, as shown below:

In the next step, you can fill it with the following rows.

Open Visual Studio. Click on File > New > Project and name your project, as shown below:

In this step, we proceed to generate our Entity Data Model.

Right click on the project name. Click Add > Add New Item. In the dialog displayed, select Data and click Add button.

Now, select your server name and your database.

If you have followed all steps described above, you will see that EDMX model generates Browsers class.

Right click on the controller folder > Add > Controller > Enter Controller name (‘HomeController’).

HomeController.cs