Teechart圖表應用技術詳解—第二章之Teechart組件的應用實例：數據柵格與導航

    Steema是全球領先的圖表類控件公司，總部設在西班牙的巴塞羅那附近，Steema公司的VCL圖表報表控件在全球擁有極高知名度。Steema公司和慧都科技針對中國市場聯合推出中文版TeeChart for .NET圖表控件，一經推出，就在市場上大受歡迎，如果有感興趣的用戶，可以下載試用版體驗一下。

點擊下載TeeChart for .NET最新試用版    

Teechart組件的應用實例

    Steema為了充分發揮TeeChart頁圖表組件的功能，將圖表編輯器的選項卡進行了拆分，構成獨立的可視或非可視組件，由程序設計員根據用戶的功能要求進行重新組合，以滿足用戶需要。

數據柵格與導航

    演示： ChartGrid、 ChartGridNavigator組件。

    功能：演示數據柵格ChartGrid和數據柵格導航ChartGridNavigator組件以及圖表組件Chart三者之間的相互關系，表明通過前兩個組件的Chart屬性的設置就可以獲取圖表組件顯示序列的數據，并且通過柵格控件可以對圖表顯示數據的編輯進行修改，使用導航組件在柵格之間移動，進行快速地數據點查找。該實例提供了編輯圖表序列數據的一種方法。

    設計:

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

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

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

3. 改變柵格組件中是否顯示X軸標簽、Bar的顏色，分別用下列屬性的 true/false實現。

   ChartGrid1. ShowLabels : =true;           // false為柵格中不顯示x標簽
   ChartGrid1. Showcolors : =true；           //false為柵格中不顯示各點的顏色

4. 當設定序列中的各點用不同顏色時使用代碼：

   Series1.ColorEachPoint：=true；          // false為序列各點顏色相同

    設置：如下表所示

ChartGrid和ChartGridNavigator組件功能演示主要屬性設置

    技巧：

1. 使用柵格組件可直接修改圖表上點的值和坐標標簽內容。

2. 修改柵格中的顏色。雙擊鼠標左鍵可白動調用系統顏色設置對話框( ColorDialog）用于修改單點顏色。

    界面：程序運行后的界面下圖所示。

    下一節我們將會介紹Teechart組件的應用實例：序列列表與命令工具。將會有演示，功能，設計，設置，技巧和界面六個方面的介紹。如果有對Teechart圖表感興趣的朋友，可以多多關注本教程，并且歡迎在評論區留言。

相關資料推薦：

上一章：Teechart組件的應用實例：圖表編輯器

Teechart 2019資源合集

Teechart 2018資源合集 

    現TeeChart for .NET，TeeChart for JavaScript/HTML5，TeeChart for Xamarin.Android等均已加入在線訂購，現在搶購可立享優惠！

    關注慧聚IT微信公眾號???，了解產品的最新動態及最新資訊。