Teechart圖表應用技術詳解—第八章之Teechart動態應用的ASP腳本
Steema公司和慧都科技針對中國市場聯合推出中文版TeeChart for .NET圖表控件,一共漢化2000個詞條(17000個單詞),漢化文檔35000個單詞,包括控件設計時與運行時的界面漢化以及控件使用向導文檔的漢化,總漢化90%以上!
TeeChart for .NET中文版讓您在使用和學習上沒有任何語言障礙,至少可以節省30%的開發時間。TeeChart for .NET中文版具有易上手,使用方便,穩定性好,性價比高,價格優惠等優勢,并且針對Web應用提供無限制服務器分發授權方式,非常有利于產品集成。
在Teechart應用的ASP腳本中敘述的是一個靜態應用過程,圖中顯示的數據是固定不變的,而實際應用中往往這些數據是不斷變化的,并且存放在遠程或本地數據庫中,因此需要不斷的從數據庫中讀取數據進行動態顯示,數據庫內容的更新使得圖表的顯示也隨之更新,具有一定的時效性。這里介紹如何使用ASP腳本語言,利用ADO技術連接本地Access數據實現動態顯示效果的方法。
建立數據庫
打開Microsoft Office Access系統,建立一個dbl.mdb的空數據庫,然后,使用設計新建一個“數據庫表視圖“表1,在設計器中增加“分類”和“數量”兩個字段,前者為字符型,后者為數值型,然后輸入數據如下圖所示。
腳本編寫與顯示效果
- 創建圖表對象 TChart 1。
Set TChart1= CreateObject ("TeeChart.TChart")
- 設定圖表高、寬、標題和背景顏色
TChart1.Height=550 TChart1.Width=850 TChart1.Header.Font.Size=25 //標題字體大小 TChart1.Header.Text(0)="2007第一季度銷售額統計圖"標題 TChart1.Panel.Gradient.Visible= True //圖表設有底色 TChart1.Panel.Gradient StartColor=RGB(250,0,250) //圖表底色開始顏色 TChart1.Panel.Gradient. EndColor=RGB(0,255, 0) //圖表底色結束顏色 TChart1.Aspect.Chart3DPercent =40//若是3D圖形,表示其傾斜度
- 設定Y軸標題、字體、大小和顏色。
TChart1.Axis.Left.Title.Caption="金額(萬元)" //Y軸標題 TChart1.Axis.Left.Title.Font.Size= 15 //Y軸標題字體大小 TChart1.Axis.Left.Title.Font.Name="楷體_GB2312” //Y軸標題字體 TChart1.Axis.Left.Tit1e.Font.Co1or=RGB(255,255,128)//Y軸標題顏色
- 設定X軸標題、字體、大小和顏色。
TChart1.Axis.Bottom.Tit1e.Caption="圖書分類" //X軸標題 TChart1.Axis.Bottom.Title.Font.Size= 15 //x軸標題字體大小 TChart1.Axis.Bottom.Title.Font Name="楷體_ GB2312"/ /X軸標題字體 TChart1.Axis.Bottom.Title.Fon.Co1or=RGB(255,255,128)//X軸標題顏色
- 設定顯示序列和各點顏色不同。
TChart1.AddSeries(1) TChart1.Series(0).ColorEachPoint=true
- 建立ADODB.Connection連接對象。
Set Conn= Server.CreateObject("ADODB.Connection")//建立ADODB.Connection連接
- 建立 Recordset對象
Set Rst-Server.CreateObject("ADODB.Recordset") //建立Recordset對象
- 設定連接命令串和SQL查詢語句
Conn.Open"driver=(microsoft access driver { *.mdb)};dbq="&server.mappath("dbl. mdb*) strsql="select*from 表1”
- 打開數據查詢。
Rst.Open strsql, conn, 1, 1
- 設定序列的數據源、X和Y軸與數據庫表字段的對應關系。
TChart1.Series(0).Datasource =rst //數據 TChart1.Series(0).LabelsSource="分類” //軸標簽對應表的字段 TChart1.Series(0).YValues.ValueSource="數量"http://Y值對應表中的字段
- 設置序列Y標簽可見
TChart1.Series(0).Marks.Visible=True TChart1.Series(0).Marks.Style=0//顯示格式
- 保存生成圖形文件為JPEG格式。
TChart1.Export.SaveTOJPEGFile server.mappath("MyChart. jpg"),False,JPEGBestQuality,100,TChart1.Width,TChart1.Height
- 釋放初始狀態建立的對象。
Set TChart1=nothing//釋放圖表對象 Rst.Close //關閉Rst對象 Set Conn=nothing//釋放建立的連接
- 顯示圖像文件。
img src="MyChart. jpg"當生成ASP1.asp文件后,將該文件和創建的數據庫文件 dbl.mdb一同保存在ASP腳本測試方法中指定的 MyWeb文件夾中,用 Internet Explorer瀏覽后生成的圖像文件如下圖所示。

相關資料推薦:
上一章:Teechart應用的ASP腳本
=====================================
現TeeChart for .NET,TeeChart for JavaScript/HTML5,TeeChart for Xamarin.Android等均已加入在線訂購,現在搶購可立享優惠!
關注慧聚IT微信公眾號???,了解產品的最新動態及最新資訊。
