One of the best new feature of ASP.NET 4.0 Web Form (yes it’s still alive) is the new Chart control. There have been a need for a Chart control for a long time – from version 1.0. Folks have used custom controls from various sources or written their own one. Now in ASP.NET 4.0 Microsoft have introduced a Chart control ultimately. This could be used in ASP.NET MVC also apart from Web Forms.
The Chart control provides all different type of charts like Column, Bar, Line, Area, Pie, Doughnut (to name a few). Following is an example of Chart with chart type Column.
To set up a basic chart control you have to set a few properties like XValueMember and YValueMembers. In the example I have displayed the Total Sales figure for few cities. Following is the page markup –
As you can see I’ve set XValueMemeber to City and YValueMembers to TotalSales – both of them are properties in my DTO –
The chart type could be set in markup or through code for the series –
chtSalesData.Series[“Series1”].ChartType = System.Web.UI.DataVisualization.Charting.SeriesChartType.Bar;