Teechart圖表應(yīng)用技術(shù)詳解—第二章之Teechart組件的應(yīng)用實(shí)例：對象觀察器與打印預(yù)覽

    Steema公司和慧都科技針對中國市場聯(lián)合推出中文版TeeChart for .NET圖表控件，一共漢化2000個詞條（17000個單詞），漢化文檔35000個單詞，包括控件設(shè)計時與運(yùn)行時的界面漢化以及控件使用向?qū)臋n的漢化，總漢化90%以上！

    TeeChart for .NET中文版讓您在使用和學(xué)習(xí)上沒有任何語言障礙，至少可以節(jié)省30%的開發(fā)時間。TeeChart for .NET中文版具有易上手，使用方便，穩(wěn)定性好，性價比高，價格優(yōu)惠等優(yōu)勢，并且針對Web應(yīng)用提供無限制服務(wù)器分發(fā)授權(quán)方式，非常有利于產(chǎn)品集成。

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

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

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

對象觀察器與打印預(yù)覽

演示： ComboFlat、TeeInspactor和ChartPreviewer組件。

功能：本例通過對象觀察器組件Teelnspactor和組合列表框組件 ComboFlat，演示如何實(shí)現(xiàn)類似Delphi的對象觀察窗口Object Inspector窗口的功能，以方便應(yīng)用程序與用戶的交流。

設(shè)計：

1. 按表1在窗體中放置有關(guān)組件后，設(shè)定ComboFlat1組件的Items屬性的每行值分別為：蘋果、橘子、梨子、葡萄、甘蔗、西瓜，并設(shè)置ItemIndex屬性為0。

2. 在ComboFlat1的OnChange事件中加入下列代碼，使得圖表組件ComboFlat1的選擇顯示指定內(nèi)容。

   Series1.Clear;
   case ComboFlat1.ItemIndex of
   0:Series1.AddXY(1,300,'蘋果');
   1:Series1.AddXY(1,280,'橘子');
   2:Series1.AddXY(1,450,'梨子');
   3:Series1.AddXY(1,340,'葡萄');
   4:Series1.AddXY(1,780,'甘蔗')
   5:Series1.AddXY(1,890,'西瓜');
   6:Series1.AddXY(1,600,'柿子');
   end;

3. 選中對象觀察器組件Teelnspactor1，單擊對象觀察器窗口 Object Inspector的Items屬性右邊帶有三個小黑點(diǎn)的按鈕，彈出圖1中的Edit Teelnspactor.Items...窗口，然后單擊左上角的 Add New按鈕，或在窗口區(qū)域右擊，在彈出菜單中選擇Add項，這時圖1中上部的Object Inspector窗口顯示需要增加項目的標(biāo)題、類型、設(shè)定值等。此時可在這兩個窗口之間切換，完成需要設(shè)定的項目，最后構(gòu)成的對象觀察窗口外觀，如圖2所示。

   圖1
   

   
   

   圖2

   
   

4. 為使對象觀察窗口顯示內(nèi)容和對應(yīng)組件設(shè)定一致，除在設(shè)計階段的狀態(tài)二者保持一致外，在運(yùn)行階段也要保證屬性值的改變也對應(yīng)組件發(fā)生變化，需要加入下列代碼：

   Chart1.View3D:=TeeInspactor1 Items [0]. Value;                 //3D
   Series1.Marks.Visible:=TeeInspactor1 Items[1].value;    //標(biāo)簽
   Chart1.Legend.Visible:=TeeInspactorl Items[2].Value;    //圖例
   Chart1.BottomAxis.Title.Caption:=TeeInspactor1. Items[3].Value;//坐標(biāo)
   Chart1.Title.Text.Text:=TeeInspactor1.Items[6].value;    //標(biāo)題
   Chart1.Title.Font.Color:=TeeInspactor1.Items[5].value;   //標(biāo)題顏色

   從上述代碼可以看出，一是Teelnspactor1組件的值是和所設(shè)定對象的值類型是匹配的，二是 Teelnspactor1組件根據(jù)值的類型自動設(shè)定顯示外觀，程序不需做太多干預(yù)，如設(shè)定字體顏色只需直接單擊顏色框就會打開顏色對話框，而不再需要程序員增加顏色對話框組件以及編寫調(diào)用代碼，明顯減少程序的工作量，提高系統(tǒng)開發(fā)速度。

5. 圖表組件有關(guān)參數(shù)設(shè)定可在設(shè)計階段使用圖表編輯器參照上述代碼設(shè)定指定內(nèi)容。

6. 打印預(yù)覽組件ChartPreviewer1只需設(shè)定Chart特性為Chart1，使預(yù)覽窗口與指定圖表組件關(guān)聯(lián)，然后加入下列代碼：

   ChartPreviewer1.Execute;

   就可實(shí)現(xiàn)打印預(yù)覽，打印預(yù)覽窗口如圖3所示：

   圖3
   

   
   

    在圖3中Printer編輯框用來選擇打印機(jī)：Orientation組框設(shè)定橫/豎打印方式；Margins設(shè)定打印邊界，以百分比表示：其他幾項用于設(shè)定打印質(zhì)量。Setup按鈕設(shè)定打印機(jī)有關(guān)參數(shù)，Print按鈕執(zhí)行打印。

設(shè)置：如下所示

技巧：

    ChartPreviewer組件可以方便地輸出指定圖表，利用Teelnspactor對象觀察組件可以作為系統(tǒng)運(yùn)行過程中進(jìn)行人機(jī)交互的一種方式。另外，可參看后續(xù)章節(jié)有關(guān)打印與預(yù)覽部分的內(nèi)容。

界面：程序運(yùn)行階段的界面如下所示。

圖4

  下一節(jié)我們將會介紹Teechart組件的應(yīng)用實(shí)例：多圖表打印預(yù)覽。將會有演示，功能，設(shè)計和技巧四個方面的介紹。如果有對Teechart圖表感興趣的朋友，可以多多關(guān)注本教程，并且歡迎在評論區(qū)留言。

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

上一章：Teechart組件的應(yīng)用實(shí)例：圖表滾動棒與頁面導(dǎo)航組件

Teechart 2019資源合集

Teechart 2018資源合集 

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

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