How do I create graphs in ASP.NET MVC3?

Question

I have to develop an ASP.NET MVC3 application in C# and Razor that has to gather data from a database, elaborate them and, according to the user's preference, display a graph based on user's preferences.

For instance the user might want daily figures or monthly, he wants it in a histogram rather than a cake graph.

I was wondering how can draw a graph in ASP.NET and even decide which kind of graph, etc. I guess they haven't created helpers for these tasks yet.

Nick · Accepted Answer · 2012-02-03T13:36:50.180

11

You have a couple of options:

1. Create your own charting control

Start from scratch or build upon MVC 3's ChartHelper web helper to build your own charts.

2. Use an 'off the shelf' component

Telerik make a great set of controls for ASP.NET MVC, including a chart. Take a look at their demonstrations to see if it fits your needs.

edited Feb 03 '12 at 13:36

answered Feb 03 '12 at 13:30

Nick

5,844
11
52
98

score 3 · Answer 2 · edited May 23 '17 at 11:51

3

Well, here are a few suggestions for you -

Open flash charts, Google charts, or you can refer to the following question. There are a few suggestions too.

edited May 23 '17 at 11:51

Community

1
1

answered Feb 03 '12 at 13:29

Oybek

7,016
5
29
49

score 3 · Answer 3 · answered Feb 03 '12 at 13:29

I personally would go for a solution using http://www.jqplot.com/, a jquery plugin that allows you to create all kinds of graph (really, they have lots of them) basing on raw data. Your backend then has to just produce the data, and the drawing is done by the javascript. for examples see http://www.jqplot.com/tests/pie-donut-charts.php

score 3 · Answer 4 · answered Feb 03 '12 at 13:30

3

I would take a look at a third party tool to get this done for you. I have used Telerik's MVC extensions in the past and had good luck with them. Depending on your licensing requirements, there is a free or pay version.

answered Feb 03 '12 at 13:30

G_P

2,100
3
16
18

score 2 · Answer 5 · answered Feb 03 '12 at 13:27

2

There are ChartHelpers in MVC3

Check this:

http://weblogs.asp.net/jalpeshpvadgama/archive/2011/08/30/chart-helpers-in-asp-net-mvc3.aspx

answered Feb 03 '12 at 13:27

Denis Biondic

7,943
5
48
79

score 2 · Answer 6 · answered Feb 03 '12 at 13:31

2

There are many ways to skin this cat, but one good option is using the Telerik MVC Chart extension.

answered Feb 03 '12 at 13:31

Garrett Vlieger

9,354
4
32
44

score 2 · Answer 7 · answered Feb 14 '12 at 21:01

2

You could try one of the following C# libraries written to make it simpler to integrate Highcharts into ASP .Net

answered Feb 14 '12 at 21:01

Rahul

478
3
8

score 1 · Answer 8 · answered Feb 03 '12 at 23:08

1

I've used HighCharts before. This is a javascript charting library, but its easy to configure.

answered Feb 03 '12 at 23:08

Kyle Trauberman

25,414
13
85
121

How do I create graphs in ASP.NET MVC3?

8 Answers8