Instructor-led Online Courses in ASP.NET Core and Angular by Bipin Joshi. Read more...
Registration open for ASP.NET Core and Angular instructor-led online courses. Courses conducted by Bipin Joshi on weekends. Click here for more details.

<%@ Page %>

Creating Bar and Pie Charts in ASP.NET


.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

Bipin Joshi is a software consultant, trainer, author and yoga mentor having 22+ years of experience in software development. He also conducts online courses on ASP.NET MVC, ASP.NET Core and Design Patterns. He is a published author and has authored or co-authored books for Apress and Wrox press. Having embraced the Yoga way of life he also teaches Ajapa Yoga to interested individuals. To know more about him click here.

Get connected : Twitter  Facebook  Google+  LinkedIn

Posted On : 03 August 2002

Tags : ASP.NET Web Forms .NET Framework