VS2010的Chart控件的用法

原文地址为： VS2010的Chart控件的用法

最近用到统计方面的功能，vs2010中自带了统计控件，觉得不错，网上查了下用法，以下网上搜集：

VS2010新增Chart控件，可以直接在页面插入图表：

简单示例：

代码

< asp:Chart ID ="Chart1" runat ="server" Height ="400px" Width ="500px" >
< Series >
< asp:Series Name ="Series1" ChartType ="Column" ChartArea ="ChartArea1" >
</ asp:Series >
< asp:Series Name ="Series2" ChartType ="Column" ChartArea ="ChartArea1" >
</ asp:Series >
</ Series >
< ChartAreas >
< asp:ChartArea Name ="ChartArea1" >
</ asp:ChartArea >
</ ChartAreas >
</ asp:Chart >

后台代码：

protected void Page_Load(object sender, EventArgs e)
        {
            DataTable dt = default(DataTable);
            dt = CreateDataTable();

            //设置图表的数据源
            Chart1.DataSource = dt;

            //设置图表Y轴对应项
            Chart1.Series[0].YValueMembers = "Volume1";
            Chart1.Series[1].YValueMembers = "Volume2";

            //设置图表X轴对应项
            Chart1.Series[0].XValueMember = "Date";
            
            //绑定数据
            Chart1.DataBind();
        }
        private DataTable CreateDataTable()
        {
            //Create a DataTable as the data source of the Chart control
            DataTable dt = new DataTable();

            //Add three columns to the DataTable
            dt.Columns.Add("Date");
            dt.Columns.Add("Volume1");
            dt.Columns.Add("Volume2");

            DataRow dr;

            //Add rows to the table which contains some random data for demonstration
            dr = dt.NewRow();
            dr["Date"] = "Jan";
            dr["Volume1"] = 3731;
            dr["Volume2"] = 4101;
            dt.Rows.Add(dr);

            dr = dt.NewRow();
            dr["Date"] = "Feb";
            dr["Volume1"] = 6024;
            dr["Volume2"] = 4324;
            dt.Rows.Add(dr);

            dr = dt.NewRow();
            dr["Date"] = "Mar";
            dr["Volume1"] = 4935;
            dr["Volume2"] = 2935;
            dt.Rows.Add(dr);

            dr = dt.NewRow();
            dr["Date"] = "Apr";
            dr["Volume1"] = 4466;
            dr["Volume2"] = 5644;
            dt.Rows.Add(dr);

            dr = dt.NewRow();
            dr["Date"] = "May";
            dr["Volume1"] = 5117;
            dr["Volume2"] = 5671;
            dt.Rows.Add(dr);

            dr = dt.NewRow();
            dr["Date"] = "Jun";
            dr["Volume1"] = 3546;
            dr["Volume2"] = 4646;
            dt.Rows.Add(dr);

            return dt;
        }

页面显示：

本小节完……

转载请注明本文地址： VS2010的Chart控件的用法

VS2010的Chart控件的用法

猜你喜欢