BarChart控件的使用

The HTML Markup

<asp:BarChart ID="BarChart1" runat="server" ChartHeight="300" ChartWidth="450" ChartType="Column"
                ChartTitle="United States versus European,England Widget Production"
                ChartTitleColor="#0E426C" CategoryAxisLineColor="#D08AD9"
                ValueAxisLineColor="#D08AD9" BaseLineColor="#A156AB" >
            <Series>
                 <asp:BarChartSeries Name="United States" BarColor="#6C1E83" />
                <asp:BarChartSeries Name="Europe" BarColor="#D08AD9"/>
                <asp:BarChartSeries Name="England" BarColor="Bule"/>
            </Series>
        </asp:BarChart>

The code behind page

  System.Data.DataTable dt = new System.Data.DataTable();
            dt.Columns.Add("Date");
            dt.Columns.Add("UnitedStates");
            dt.Columns.Add("Europe");
            dt.Columns.Add("England");
            dt.Rows.Add("2007", "20", "24", "56");
            dt.Rows.Add("2008", "47", "67", "39");
            dt.Rows.Add("2009", "55", "16", "78");
            string[] x = new string[dt.Rows.Count];
            decimal[] y1 = new decimal[dt.Rows.Count];
            decimal[] y2 = new decimal[dt.Rows.Count];
            decimal[] y3 = new decimal[dt.Rows.Count];
            for (int i = 0; i < dt.Rows.Count; i++)
            {

                x[i] = dt.Rows[i]["Date"].ToString();
                y1[i] = Convert.ToDecimal(dt.Rows[i]["UnitedStates"]);
                y2[i] = Convert.ToDecimal(dt.Rows[i]["Europe"]);
                y3[i] = Convert.ToDecimal(dt.Rows[i]["England"]);

            }
            BarChart1.CategoriesAxis = String.Join(",", x);
            BarChart1.Series[0].Data = y1;
            BarChart1.Series[1].Data = y2;
            BarChart1.Series[2].Data = y3;