Teechart圖表應(yīng)用技術(shù)詳解—第二章之Teechart組件的應(yīng)用實(shí)例：數(shù)據(jù)柵格與導(dǎo)航

    Steema是全球領(lǐng)先的圖表類(lèi)控件公司，總部設(shè)在西班牙的巴塞羅那附近，Steema公司的VCL圖表報(bào)表控件在全球擁有極高知名度。Steema公司和慧都科技針對(duì)中國(guó)市場(chǎng)聯(lián)合推出中文版TeeChart for .NET圖表控件，一經(jīng)推出，就在市場(chǎng)上大受歡迎，如果有感興趣的用戶，可以下載試用版體驗(yàn)一下。

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

Teechart組件的應(yīng)用實(shí)例

    Steema為了充分發(fā)揮TeeChart頁(yè)圖表組件的功能，將圖表編輯器的選項(xiàng)卡進(jìn)行了拆分，構(gòu)成獨(dú)立的可視或非可視組件，由程序設(shè)計(jì)員根據(jù)用戶的功能要求進(jìn)行重新組合，以滿足用戶需要。

數(shù)據(jù)柵格與導(dǎo)航

    演示： ChartGrid、 ChartGridNavigator組件。

    功能：演示數(shù)據(jù)柵格ChartGrid和數(shù)據(jù)柵格導(dǎo)航ChartGridNavigator組件以及圖表組件Chart三者之間的相互關(guān)系，表明通過(guò)前兩個(gè)組件的Chart屬性的設(shè)置就可以獲取圖表組件顯示序列的數(shù)據(jù)，并且通過(guò)柵格控件可以對(duì)圖表顯示數(shù)據(jù)的編輯進(jìn)行修改，使用導(dǎo)航組件在柵格之間移動(dòng)，進(jìn)行快速地?cái)?shù)據(jù)點(diǎn)查找。該實(shí)例提供了編輯圖表序列數(shù)據(jù)的一種方法。

    設(shè)計(jì):

1. 數(shù)據(jù)柵格的Series屬性可設(shè)可不設(shè)，如果指定了Series屬性，則只顯示指定的Series的數(shù)據(jù)，否則 ChartGrid自動(dòng)根據(jù)圖表組件Chart確定顯示的Series。\

2. 按鈕BitBtn用來(lái)調(diào)用顏色對(duì)話框ColorDialog，改變Chart序列的顏色，并且按鈕上的字體顏色與序列顏色同步。在 BitBtn的OnClick事件中加入代碼：

   if ColorDialogl.Execute then
   begin
   Series1.ColorEachPoint:=false;
   Bitbtn1.Font.Color:=ColorDialog1.Color;
   Series1. Seriescolor:=ColorDialog1.Color;
   end

3. 改變柵格組件中是否顯示X軸標(biāo)簽、Bar的顏色，分別用下列屬性的 true/false實(shí)現(xiàn)。

   ChartGrid1. ShowLabels : =true;           // false為柵格中不顯示x標(biāo)簽
   ChartGrid1. Showcolors : =true；           //false為柵格中不顯示各點(diǎn)的顏色

4. 當(dāng)設(shè)定序列中的各點(diǎn)用不同顏色時(shí)使用代碼：

   Series1.ColorEachPoint：=true；          // false為序列各點(diǎn)顏色相同

    設(shè)置：如下表所示

ChartGrid和ChartGridNavigator組件功能演示主要屬性設(shè)置

    技巧：

1. 使用柵格組件可直接修改圖表上點(diǎn)的值和坐標(biāo)標(biāo)簽內(nèi)容。

2. 修改柵格中的顏色。雙擊鼠標(biāo)左鍵可白動(dòng)調(diào)用系統(tǒng)顏色設(shè)置對(duì)話框( ColorDialog）用于修改單點(diǎn)顏色。

    界面：程序運(yùn)行后的界面下圖所示。

    下一節(jié)我們將會(huì)介紹Teechart組件的應(yīng)用實(shí)例：序列列表與命令工具。將會(huì)有演示，功能，設(shè)計(jì)，設(shè)置，技巧和界面六個(gè)方面的介紹。如果有對(duì)Teechart圖表感興趣的朋友，可以多多關(guān)注本教程，并且歡迎在評(píng)論區(qū)留言。

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

上一章：Teechart組件的應(yīng)用實(shí)例：圖表編輯器

Teechart 2019資源合集

Teechart 2018資源合集 

    現(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)及最新資訊。