Chart控件的用法


最近用到統計方面的功能,文檔統計不用說,都是導出Excel,若要視圖效果,這里推薦一個Asp.NET中的控件Char。

簡單示例:

  View Code

視圖顯示說明:

可以設定Series的ChartType屬性值,來決定顯示什么樣的視圖,下面是常用的視圖舉例:

后台綁定代碼:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
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;
         }

  顯示結果以柱狀圖為例,如下:

這是本人初次使用Char控件的學習筆記,不喜勿噴,謝謝!!

 

軟件開發技術交流,同學習共進步,歡迎加群, 群號:169600532


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM