1. 程式人生 > >asp.net Chart的使用介紹

asp.net Chart的使用介紹

安裝MSChart

由於是和.NET3.5一起推出來的,所以只能在最新的開發環境中使用,需要.Net 3.5 Sp1和VS 2008的開發環境。

按照上面的地址,下載安裝就可以了。

使用MSChart

安裝好後,我們就可以使用MSChart了。

1.主要屬性:

Annotations--圖形註解集合,ChartAreas--圖表區域集合,Legends--圖例集合,Series--圖表序列集合(即圖表資料物件集合),Titles--圖示的標題集合。

(1)Annotations:是一個對圖形的一些註解物件的集合,所謂註解物件,類似於對某個點的詳細或者批註的說明。一個圖形上可以擁有多個註解物件,可以新增十多種圖形樣式的註解物件,包括常見的箭頭、雲朵、矩行、圖片等等註解符號,通過各個註解物件的屬性,可以方便的設定註解物件的放置位置、呈現的顏色、大小、文字內容樣式等常見的屬性。

(2)ChartAreas:是一個圖表的繪圖區,比如在一幅圖中顯示多個繪圖。圖表控制元件並不限制你新增多少個繪圖區域,你可以根據你的需要進行新增。對於每一個繪圖區域,你可以設定各自的屬性,如:X,Y軸屬性、背景等。

(3)Legends:是一個圖例的集合,即標註圖形中各個線條或顏色的含義,同樣,一個圖片也可以包含多個圖例說明。

(4)Series:是表資料物件集合,應該說是MSChart關鍵部分。即是實際的繪圖資料區域,實際呈現的圖形形狀,由此集合中的每一個圖表來構成的,可以往集合裡面新增多個圖表,每一個圖表可以有自己的繪製形狀、樣式、獨立的資料等。

(5)Titles:圖示的標題集合,不難理解,就是圖表的標題配置,同樣可以新增多個標題。

其他屬性:

AlignmentOrientation:圖表區對齊方向,定義兩個繪圖區域間的對齊方式。

AlignmentStyle:圖表區對齊型別,定義圖表間用以對其的元素。

AlignWithChartArea:參照對齊的繪圖區名稱。

InnerPlotPosition:圖表在繪圖區內的位置屬性。

Auto:是否自動對齊。

Height:圖表在繪圖區內的高度(百分比,取值在0-100)

Width:圖表在繪圖區內的寬度(百分比,取值在0-100)

X,Y:圖表在繪圖區內左上角座標

Position:繪圖區位置屬性,同InnerPlotPosition。

Name:繪圖區名稱。

Axis:座標軸集合

TitleAlignment:座標軸標題對齊方式

Interval:軸刻度間隔大小

IntervalOffset:軸刻度偏移量大小

MinorGrid:次要輔助線

MinorTickMark:次要刻度線

MajorGrid:主要輔助線

MajorTickMark:主要刻度線

DataSourceID:MSChart的資料來源。

Palette:圖表外觀定義。

IsValueShownAsLabel:是否顯示資料點標籤,如果為true,在圖表中顯示每一個數據值

Label:資料點標籤文字

LabelFormat:資料點標籤文字格式

LabelAngle:標籤字型角度

Name:圖表名稱

Points:資料點集合

XValueType:橫座標軸型別

YValueType:縱座標軸型別

XValueMember:橫座標繫結的資料來源(如果資料來源為Table,則填寫橫座標要顯示的欄位名稱)

YValueMembers:縱座標繫結的資料來源(如果資料來源為Table,則填寫縱座標要顯示的欄位名稱,縱座標可以有兩個)

ChartType:圖表型別(柱形、餅形、線形、點形等)

width:MSChart的寬度。

height:MSChart的高度。

2.資料繫結方式

MSChart提供了多種繫結資料的方式:

陣列繫結:

            double [] yval = { 2,6,4,5,3};
            
string [] xval = { "Peter""Andrew""Julie""Mary""Dave"};
            Chart1.Series[
"Series 1"].Points.DataBindXY(xval,yval);

DataReader繫結:

           string fileNameString =this.MapPath(".");
            fileNameString 
+="..\\..\\..\\..\\data\\chartdata.mdb";
            
string myConnectionString ="PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source="+ fileNameString;
            
string mySelectQuery="SELECT Name, Sales FROM REPS WHERE RegionID < 3;";
            OleDbConnection myConnection 
=new OleDbConnection(myConnectionString);
            OleDbCommand myCommand 
=new OleDbCommand(mySelectQuery, myConnection);
            myCommand.Connection.Open();
            OleDbDataReader myReader 
= myCommand.ExecuteReader(CommandBehavior.CloseConnection);
            Chart1.Series[
"Default"].Points.DataBindXY(myReader, "Name", myReader, "Sales");
            myReader.Close();
            myConnection.Close();

DataTable繫結:

            string fileNameString =this.MapPath(".");
            fileNameString 
+="..\\..\\..\\..\\data\\chartdata.mdb";
            
string myConnectionString ="PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source="+ fileNameString;
            
string mySelectQuery="SELECT Name, Sales FROM REPS;";    
            OleDbConnection myConnection 
=new OleDbConnection(myConnectionString);
            OleDbCommand myCommand 
=new OleDbCommand(mySelectQuery, myConnection);    
            myCommand.Connection.Open();
            OleDbDataReader myReader 
= myCommand.ExecuteReader(CommandBehavior.CloseConnection);
            Chart1.DataBindTable(myReader, 
"Name");
            myReader.Close();
            myConnection.Close();

Excel繫結:

           string fileNameString =this.MapPath(".");
            fileNameString 
+="..\\..\\..\\..\\data\\ExcelData.xls";
            
string sConn ="Provider=Microsoft.Jet.OLEDB.4.0;Data Source="+ 
                fileNameString 
+";Extended Properties=\"Excel 8.0;HDR=YES\"";
            OleDbConnection myConnection 
=new OleDbConnection( sConn );
            myConnection.Open();
            OleDbCommand myCommand 
=new OleDbCommand( "Select * From [data1$A1:E25]", myConnection );
            OleDbDataReader myReader 
= myCommand.ExecuteReader(CommandBehavior.CloseConnection);
            Chart1.DataBindTable(myReader, 
"HOUR");
            myReader.Close();
            myConnection.Close();
            
foreach(Series ser in Chart1.Series)
            {
                ser.ShadowOffset 
=1;
                ser.BorderWidth 
=3;
                ser.ChartType 
= SeriesChartType.Line;
            }  

還可以通過好電影網:www.haotv8.cc,看你喜歡的電影,勞逸結合,效率更高哦!