Teechart圖表應(yīng)用技術(shù)詳解—第二章之Teechart組件的應(yīng)用實(shí)例：圖表編輯器

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

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

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

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

圖表編輯器

    演示： ChartEditor，ChartEditorPanel組件。

    功能：演示圖表編輯器ChartEditorPanel和ChartEditor在程序設(shè)計(jì)階段和運(yùn)行階段的使用方法，實(shí)現(xiàn)對圖表的在線式手動(dòng)編輯。

    設(shè)計(jì)：

1. ChartEditor、 ChartEditorPanel組件是圖表編輯器以不同的表現(xiàn)形式呈現(xiàn)其功能。

2. 窗口左下角放置的是ChartEditorPanell組件，在設(shè)計(jì)階段其外觀是以Panel形式顯示的，僅當(dāng)程序運(yùn)行后才顯示其實(shí)際界面，屬可視組件。窗口的 ChartEditor是非可視組件，在命令按鈕“調(diào)用圖表編輯器”中調(diào)用。窗口右下角放置的是ChartEditorPanel2組件，在窗體的 OnCreate事件中加入下列代碼是其按樹型狀態(tài)顯示：

   ChartEditorPanel2.Editor.Tree.Visible:=true

3. 三個(gè)組件都可以實(shí)現(xiàn)對窗口中間的圖表組件 Chart1進(jìn)行編輯，只是采用ChartEditorPanel1和 ChartEditorPane2組件時(shí)總是顯示在屏幕上，采用ChartEditor組件則可以在需要時(shí)調(diào)用。

4. 上述兩個(gè)組件的Chart屬性設(shè)置為Chart1，否則不能正確顯示。也可在Form的OnCreate事件中加入下列代碼：

   ChartEditor1.Chart:Chart1;
   ChartEditorPanel.Chart:Chart1;
   Series1.FillSampleValues(10);
   Series2.FillSampleValues(10);

5. 為在運(yùn)行期間調(diào)用圖表編輯器，在按鈕Button1的Onclick事件中加入代碼：

   ChartEditor1.Execute;

6. 為改變圖表編輯器的Tabs位置，在ComboBox1的 OnChange事件中加入以下代碼：

var
p:TTabPosition;
begin
case ComboBox1.ItemIndex of
0:p:=tptop;
1:p:=tpBottom;
2:p:=tpLeft;
3:p:=tpRight;
end;
ChartEditorPanel1.Editor.TabGeneral.PageControl.TabPosition:=p;
end;

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

    技巧：

1. 本例除演示兩個(gè)圖表編輯器的功能外，還提供了根據(jù)鼠標(biāo)在圖表上的單擊位置，自動(dòng)顯示圖表編輯器相應(yīng)編輯頁面等功能。將會(huì)在第7章圖表的打印與導(dǎo)出部分介紹。

2. 樹形模式。圖表編輯器可以被顯示成“樹形模式”，使用一個(gè)左對齊的樹形視圖控件來作為多個(gè)編輯器對話框的主管理器，代碼如下：

ChartEditor1.Treeview= True;
ChartEditor1.Execute;

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

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

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

上一章：Teechart頁面上的組件概述

Teechart 2019資源合集

Teechart 2018資源合集 

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

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