【VS2010中的Chart控件】

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;

        }

     浏览页面：

 

 

1.JPG

2.JPG

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/9914971/viewspace-666989/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/9914971/viewspace-666989/