Teechart圖表應(yīng)用技術(shù)詳解—第八章之Teechart動(dòng)態(tài)應(yīng)用的ASP腳本

Steema公司和慧都科技針對(duì)中國(guó)市場(chǎng)聯(lián)合推出中文版TeeChart for .NET圖表控件，一共漢化2000個(gè)詞條（17000個(gè)單詞），漢化文檔35000個(gè)單詞，包括控件設(shè)計(jì)時(shí)與運(yùn)行時(shí)的界面漢化以及控件使用向?qū)臋n的漢化，總漢化90%以上！

TeeChart for .NET中文版讓您在使用和學(xué)習(xí)上沒有任何語(yǔ)言障礙，至少可以節(jié)省30%的開發(fā)時(shí)間。TeeChart for .NET中文版具有易上手，使用方便，穩(wěn)定性好，性價(jià)比高，價(jià)格優(yōu)惠等優(yōu)勢(shì)，并且針對(duì)Web應(yīng)用提供無(wú)限制服務(wù)器分發(fā)授權(quán)方式，非常有利于產(chǎn)品集成。

點(diǎn)擊下載TeeChart for .NET最新試用版

在Teechart應(yīng)用的ASP腳本中敘述的是一個(gè)靜態(tài)應(yīng)用過(guò)程，圖中顯示的數(shù)據(jù)是固定不變的，而實(shí)際應(yīng)用中往往這些數(shù)據(jù)是不斷變化的，并且存放在遠(yuǎn)程或本地?cái)?shù)據(jù)庫(kù)中，因此需要不斷的從數(shù)據(jù)庫(kù)中讀取數(shù)據(jù)進(jìn)行動(dòng)態(tài)顯示，數(shù)據(jù)庫(kù)內(nèi)容的更新使得圖表的顯示也隨之更新，具有一定的時(shí)效性。這里介紹如何使用ASP腳本語(yǔ)言，利用ADO技術(shù)連接本地Access數(shù)據(jù)實(shí)現(xiàn)動(dòng)態(tài)顯示效果的方法。

建立數(shù)據(jù)庫(kù)

打開Microsoft Office Access系統(tǒng)，建立一個(gè)dbl.mdb的空數(shù)據(jù)庫(kù)，然后，使用設(shè)計(jì)新建一個(gè)“數(shù)據(jù)庫(kù)表視圖“表1，在設(shè)計(jì)器中增加“分類”和“數(shù)量”兩個(gè)字段，前者為字符型，后者為數(shù)值型，然后輸入數(shù)據(jù)如下圖所示。

腳本編寫與顯示效果

• 創(chuàng)建圖表對(duì)象 TChart 1。

Set TChart1= CreateObject ("TeeChart.TChart")

• 設(shè)定圖表高、寬、標(biāo)題和背景顏色

TChart1.Height=550
TChart1.Width=850
TChart1.Header.Font.Size=25                     //標(biāo)題字體大小
TChart1.Header.Text(0)="2007第一季度銷售額統(tǒng)計(jì)圖"標(biāo)題
TChart1.Panel.Gradient.Visible= True           //圖表設(shè)有底色
TChart1.Panel.Gradient StartColor=RGB(250,0,250) //圖表底色開始顏色
TChart1.Panel.Gradient. EndColor=RGB(0,255, 0) //圖表底色結(jié)束顏色
TChart1.Aspect.Chart3DPercent =40//若是3D圖形，表示其傾斜度

• 設(shè)定Y軸標(biāo)題、字體、大小和顏色。

TChart1.Axis.Left.Title.Caption="金額(萬(wàn)元)"              //Y軸標(biāo)題
TChart1.Axis.Left.Title.Font.Size= 15                          //Y軸標(biāo)題字體大小
TChart1.Axis.Left.Title.Font.Name="楷體_GB2312”        //Y軸標(biāo)題字體
TChart1.Axis.Left.Tit1e.Font.Co1or=RGB(255,255,128)//Y軸標(biāo)題顏色

• 設(shè)定X軸標(biāo)題、字體、大小和顏色。

TChart1.Axis.Bottom.Tit1e.Caption="圖書分類" //X軸標(biāo)題
TChart1.Axis.Bottom.Title.Font.Size= 15 //x軸標(biāo)題字體大小
TChart1.Axis.Bottom.Title.Font Name="楷體_ GB2312"/ /X軸標(biāo)題字體
TChart1.Axis.Bottom.Title.Fon.Co1or=RGB(255,255,128)//X軸標(biāo)題顏色

• 設(shè)定顯示序列和各點(diǎn)顏色不同。

TChart1.AddSeries(1)
TChart1.Series(0).ColorEachPoint=true

• 建立ADODB.Connection連接對(duì)象。

Set Conn= Server.CreateObject("ADODB.Connection")//建立ADODB.Connection連接

• 建立 Recordset對(duì)象

Set Rst-Server.CreateObject("ADODB.Recordset") //建立Recordset對(duì)象

Conn.Open"driver=(microsoft access driver { *.mdb)};dbq="&server.mappath("dbl. mdb*)
strsql="select*from 表1”

Rst.Open strsql, conn, 1, 1

TChart1.Series(0).Datasource =rst //數(shù)據(jù)
TChart1.Series(0).LabelsSource="分類” //軸標(biāo)簽對(duì)應(yīng)表的字段
TChart1.Series(0).YValues.ValueSource="數(shù)量"http://Y值對(duì)應(yīng)表中的字段

TChart1.Series(0).Marks.Visible=True
TChart1.Series(0).Marks.Style=0//顯示格式

TChart1.Export.SaveTOJPEGFile
server.mappath("MyChart. jpg"),False,JPEGBestQuality,100,TChart1.Width,TChart1.Height

Set TChart1=nothing//釋放圖表對(duì)象
Rst.Close //關(guān)閉Rst對(duì)象
Set Conn=nothing//釋放建立的連接

img src="MyChart. jpg"

相關(guān)資料推薦：

上一章：Teechart應(yīng)用的ASP腳本

Teechart 2019資源合集

=====================================

現(xiàn)TeeChart for .NET，TeeChart for JavaScript/HTML5，TeeChart for Xamarin.Android等均已加入在線訂購(gòu)，現(xiàn)在搶購(gòu)可立享優(yōu)惠！

關(guān)注慧聚IT微信公眾號(hào)???，了解產(chǎn)品的最新動(dòng)態(tài)及最新資訊。