Chart控件的用法

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

簡單示例:post

  View Code

視圖顯示說明:學習

能夠設定Series的ChartType屬性值,來決定顯示什麼樣的視圖,下面是經常使用的視圖舉例:spa

後臺綁定代碼:3d

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;
         }

  顯示結果以柱狀圖爲例,以下:code

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

 

軟件開發技術交流,同窗習共進步,歡迎加羣, 羣號:169600532
相關文章
相關標籤/搜索