TeeChart控件ASP.NET中的應(yīng)用研究

摘要: TeeChart控件是Visual Studio.NET系統(tǒng)平臺中的一組主要用于生成各種復(fù)雜的圖標(biāo)的第三方控件。本文從面向?qū)ο蟮慕嵌瘸霭l(fā)，以在服務(wù)器端安裝TeeChart控件為例討論了圖形顯示方案，對TeeChart控件的組成、屬性和方法作了詳細(xì)介紹。

關(guān)鍵詞: TeeChart控件;Visual Studio.NET;第三方控件

1、TeeChart簡介

TeeChart Pro是Steema Software公司開發(fā)的圖標(biāo)圖形組件，TeeChart Pro VCL/CLX支持Windows(Delphi和C++Builder)、.NET(Delphi8)和Linux(Kylix/CLX)系統(tǒng)平臺，TeeChart Pro ActiveX適用于VB、VC++、ASP以及Visual Studio.NET系統(tǒng)平臺等。TeeChart Pro提供上百種2D和3D圖形風(fēng)格、40余種數(shù)學(xué)和統(tǒng)計功能、加上無限制的軸和多種調(diào)色板組件可以選擇，以及20余種用于圖表操作的工具，將圖標(biāo)制作與操作功能發(fā)揮的淋漓盡致，為程序設(shè)計人員提供了一個高效、直觀、節(jié)省時間的編程接口，為終端用戶提供了隨心所欲的發(fā)揮空間。

2、TeeChart的組成元素

TeeChart控件由坐標(biāo)軸、序列、圖例、標(biāo)題和墻壁等主要元素組成，分述如下:

(1)坐標(biāo)軸:TeeChart的坐標(biāo)軸有左、右、上、下、頂部深度、右邊深度和用戶自定義軸7個類型。由于用戶可隨意定義若干個坐標(biāo)軸，所以圖表組件中的坐標(biāo)軸是無限制的。與深度有關(guān)的坐標(biāo)軸是用于三維圖表繪制的。坐標(biāo)軸的刻度既可由程序設(shè)定，也可由圖表自動設(shè)置。

(2)序列:圖形所繪制的實際內(nèi)容。一個圖表中可以繪制的序列也是不受限制的(與計算機內(nèi)存有關(guān))，同一個圖表中的每個序列的類型可以不同，不同序列的坐標(biāo)刻度和類型也可以不同。

(3)標(biāo)題和腳注:圖形的說明性文字，其顏色、位置、字體等都是可以改變的。

(4)圖例:圖表中的一個矩形區(qū)域，用于對圖表中的序列進(jìn)行說明，圖例中顯示內(nèi)容、方式、外觀等參數(shù)都可以改變，還可設(shè)定某一個序列不在圖例中顯示等。

(5)畫布:圖表組件的畫布是一個三維畫布對象，可以繪制各種幾何形狀和輸出文字字符，為程序員在圖表上增加新的圖形內(nèi)容提供了方便。

(6)墻壁:為體現(xiàn)圖表的三維效果，圖表組件提供了左面墻、地面、后墻和右面墻共四個方向的墻壁以增加三維效果，墻的顏色、厚度、透明程度都是可定義的。

3、TeeChart的應(yīng)用實例

3.1數(shù)據(jù)的讀取

使用TeeChart進(jìn)行曲線繪制的基本過程是先根據(jù)要顯示的各個參數(shù)，從數(shù)據(jù)源(本地文件或數(shù)據(jù)庫)讀取數(shù)據(jù)(歷史的或?qū)崟r的);并進(jìn)行坐標(biāo)變換，將數(shù)據(jù)映射到各個TeeChart所設(shè)定坐標(biāo)范圍內(nèi);然后將它們添加到各個TeeChart組件里的Series，這些Series會根據(jù)事先設(shè)定好的屬性自動繪制出曲線圖形。

只有先讀取出數(shù)據(jù)，才可能利用這些數(shù)據(jù)繪制曲線，從數(shù)據(jù)庫中讀取數(shù)據(jù)的代碼如下:

//先定義一個方法

public static DataSet GetDataSet(string sql)

{

OracleConnection oracon = new OracleConnection(數(shù)據(jù)庫連接串);

OracleDataAdapter sda = new OracleDataAdapter(sql， oracon);

DataSet ds = new DataSet();

sda.Fill(ds);

return ds;

}

//調(diào)用上面的方法讀取數(shù)據(jù)

DataSet dsall = GetDataSet(SQL語句);

sty1.DataSource = dsall.Tables[0];

sty1.LabelMember = dsall.Tables[0].Columns[1].ToString();

sty1.YValues.DataMember= sall.Tables[0].Columns[4].ToString();

3.2多條曲線的顯示

TeeChart組件支持多條曲線共用1個坐標(biāo)軸的顯示功能，獨有的無限坐標(biāo)軸功能使每條曲線有各自的坐標(biāo)軸及相應(yīng)坐標(biāo)高低值，完全滿足多條曲線同時顯示的應(yīng)用需求。

在編程中，多條曲線顯示是通過創(chuàng)建不同的序列(Series)實現(xiàn)。首先在TeeChart組件中增加一條曲線，再使用chart.Series.Add()語句創(chuàng)建不同的序列，然后用chart.Series[x].CustomVertAxis語句為組件創(chuàng)建一個用戶自定義坐標(biāo)軸，再將這個坐標(biāo)軸賦給變量axisY2， axisY2是用戶用Axis axisY2 = new Axis()語句創(chuàng)建的變量，系統(tǒng)默認(rèn)axisY2為縱坐標(biāo)Y軸，將其Inverted屬性設(shè)為1，使Y軸的方向向上且數(shù)值遞增。如果設(shè)MytmpVertAxis的Horizontal屬性為true，則這個坐標(biāo)軸就是水平X軸，然后通過PositionPercent屬性設(shè)置該坐標(biāo)在圖表中的位置，以及StartPosition和EndPosition屬性設(shè)置坐標(biāo)高低置，再將坐標(biāo)軸指定給相應(yīng)的序列。下列代碼實現(xiàn)3條不同曲線顯示，運行效果如圖1所示。

Steema.TeeChart.Styles.Line sty1 = new Steema.TeeChart.Styles.Line(WebChart1.Chart);

Steema.TeeChart.Styles.Line sty2 = new Steema.TeeChart.Styles.Line(WebChart1.Chart);

chart.Series.Add(sty1);

chart.Series.Add(sty2);

Axis axisY2 = new Axis(1， 1， WebChart1.Chart);

chart.Series[1].CustomVertAxis = axisY2;

WebChart1.Chart.Axes.Custom.Add(axisY2);

WebChart1.Chart.Axes.Left.StartPosition = 71;

WebChart1.Chart.Axes.Left.EndPosition = 100;

axisY2.StartPosition = 46;

axisY2.EndPosition = 70;

4、結(jié)束語

Teechart控件有許多優(yōu)良的特性，而且還在不斷的更新和發(fā)展，與ASP、ASP.net等相結(jié)合，為我們提供了一種快速可靠的圖形開發(fā)手段，有效地解決了數(shù)據(jù)的圖形展現(xiàn)問題，本文利用Teechart控件實現(xiàn)了多條曲線的顯示，使得數(shù)據(jù)的統(tǒng)計圖表更加直觀和易于理解， 滿足了多條曲線同時顯示的應(yīng)用需求。