Creating Bar and Pie Charts in ASP.NET

Introduction

.NET provides many drawing classes via System.Drawing namespace. Prior to ASP.NET it was difficult for an ASP developer to create and emit images (jpg, gif etc.) to the browser at run time. Combining ASP.NET and System.Drawing one can develop attractive charts. This code sample shows how to create bar and pie charts using the technique mentioned above.

What the sample application

does?

The sample application draws bar and pie charts for hours spend per day on some fictitious task. The data for X-axis (days) as well as Y-axis (hrs. spend) is stored in an array. The application draws bar and pie graph for the data and saves it to Response.OutputStream. The application consists of three files:

• BarChart.aspx: This file contains code that generates bar chart for given values
• PieChart.aspx: This file contains code that generates pie chart for given values
• ChartHost.aspx: This file contains two image web controls displaying bar and pie chart.

Sample Run

How to run the sample

• Create a new web application in VS.NET called AspNetCharts
• Unzip supplied code files in the project folder
• Add the files mentioned above in the project
• Run ChartHost.aspx

Download Source Code