Pie Charts in ASP.NET

I started to create samples that build upon the idea of creating a pie chart in Visual Studio, but it is easier if I simply start from scratch with a pie chart, and then show some tricks for how to tweak its appearance.   For this particular example, I’ll use my own random data, but you can data bind values from a database.  The chart samples show several different ways of populating chart data.

How to Add a Pie Chart to your ASP.NET Website

1.    Drop the chart onto a web page.
2.    Copy and paste the following code into your code page.

using System.Web.UI.DataVisualization.Charting;

public partial class PieChart : System.Web.UI.Page
{
    // Create a new Random object
    Random rand = new Random();

    // Create an index that holds the current index of the sales number
    int index = 0;

    // Create variable to hold sales data
    double [] yearlySales = { 93, 100, 22, 23, 43, 54, 44, 9, 10, 1};

    // Create a list of sales people
    string[] salesPeopleTop10 = { "John Smith", "Patrick Johnson", "Michael Berube", "Paul Bradshaw", "Jacob Wright", "Jonathan Rosen", "Robert McDonald", "Joseph Hanson", "Marcel Thompson", "Trey Kelley" };

    protected void Page_Load(object sender, EventArgs e)
    {       
        // Set the chart to be a pie chart
        this.Chart2.Series[0].ChartType = SeriesChartType.Pie;

        foreach (string salesPerson in salesPeopleTop10)
        {
            this.Chart2.Series[0].Points.AddXY(salesPerson, yearlySales[index]);
            index++;
        }
    }
}

The resulting chart should look something like this:

From here, there are a variety of things that we can do:
–    Show the labels outside the pie chart
–    Collect small slices into one slice
–    Perform several different ways of labeling the chart