Teechart圖表應用技術詳解—第二章之Teechart組件的應用實例:數(shù)據(jù)柵格與導航
Steema是全球領先的圖表類控件公司,總部設在西班牙的巴塞羅那附近,Steema公司的VCL圖表報表控件在全球擁有極高知名度。Steema公司和慧都科技針對中國市場聯(lián)合推出中文版TeeChart for .NET圖表控件,一經(jīng)推出,就在市場上大受歡迎,如果有感興趣的用戶,可以下載試用版體驗一下。
Teechart組件的應用實例
Steema為了充分發(fā)揮TeeChart頁圖表組件的功能,將圖表編輯器的選項卡進行了拆分,構成獨立的可視或非可視組件,由程序設計員根據(jù)用戶的功能要求進行重新組合,以滿足用戶需要。
數(shù)據(jù)柵格與導航
演示: ChartGrid、 ChartGridNavigator組件。
功能:演示數(shù)據(jù)柵格ChartGrid和數(shù)據(jù)柵格導航ChartGridNavigator組件以及圖表組件Chart三者之間的相互關系,表明通過前兩個組件的Chart屬性的設置就可以獲取圖表組件顯示序列的數(shù)據(jù),并且通過柵格控件可以對圖表顯示數(shù)據(jù)的編輯進行修改,使用導航組件在柵格之間移動,進行快速地數(shù)據(jù)點查找。該實例提供了編輯圖表序列數(shù)據(jù)的一種方法。
設計:
數(shù)據(jù)柵格的Series屬性可設可不設,如果指定了Series屬性,則只顯示指定的Series的數(shù)據(jù),否則 ChartGrid自動根據(jù)圖表組件Chart確定顯示的Series。\
按鈕BitBtn用來調(diào)用顏色對話框ColorDialog,改變Chart序列的顏色,并且按鈕上的字體顏色與序列顏色同步。在 BitBtn的OnClick事件中加入代碼:
if ColorDialogl.Execute then begin Series1.ColorEachPoint:=false; Bitbtn1.Font.Color:=ColorDialog1.Color; Series1. Seriescolor:=ColorDialog1.Color; end
改變柵格組件中是否顯示X軸標簽、Bar的顏色,分別用下列屬性的 true/false實現(xiàn)。
ChartGrid1. ShowLabels : =true; // false為柵格中不顯示x標簽 ChartGrid1. Showcolors : =true; //false為柵格中不顯示各點的顏色
當設定序列中的各點用不同顏色時使用代碼:
Series1.ColorEachPoint:=true; // false為序列各點顏色相同
設置:如下表所示
ChartGrid和ChartGridNavigator組件功能演示主要屬性設置
組件名稱 | 屬性名 | 設定值 | 備注 |
TChart | Name | Chart1 | 用圖表編輯器設定 |
TChartGrid | Name | ChartGrid1 | 圖表柵格組件 |
Chart | Chart1 | 屬 Chart1的柵格組件 | |
TChartGridNavigator | Name | TChartGridNavigator1 | 柵格導航 |
Grid | ChartGrid1 | 柵格組件 | |
TBarSeries | Name | Series1 | Chart的序列 |
ParentChart | Chart1 | ||
TCheckBox | Name | CheckBox1 | 標簽檢查框 |
Checked | true | ||
Caption | 標簽 | ||
TCheckBox | Name | CheckBox2 | 顏色檢査框 |
Checked | false | ||
Caption | 顏色 | ||
TBitBtn | Name | BitBtn1 | 修改顏色按鈕 |
Caption | 改變顏色 | ||
TColorDialog | Name | ColorDialog1 | 顏色對話框 |
技巧:
使用柵格組件可直接修改圖表上點的值和坐標標簽內(nèi)容。
修改柵格中的顏色。雙擊鼠標左鍵可白動調(diào)用系統(tǒng)顏色設置對話框( ColorDialog)用于修改單點顏色。
界面:程序運行后的界面下圖所示。
下一節(jié)我們將會介紹Teechart組件的應用實例:序列列表與命令工具。將會有演示,功能,設計,設置,技巧和界面六個方面的介紹。如果有對Teechart圖表感興趣的朋友,可以多多關注本教程,并且歡迎在評論區(qū)留言。
相關資料推薦:
現(xiàn)TeeChart for .NET,TeeChart for JavaScript/HTML5,TeeChart for Xamarin.Android等均已加入在線訂購,現(xiàn)在搶購可立享優(yōu)惠!
關注慧聚IT微信公眾號???,了解產(chǎn)品的最新動態(tài)及最新資訊。