Teechart圖表應用技術詳解—第二章之Teechart組件的應用實例：對象觀察器與打印預覽

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

    TeeChart for .NET中文版讓您在使用和學習上沒有任何語言障礙，至少可以節省30%的開發時間。TeeChart for .NET中文版具有易上手，使用方便，穩定性好，性價比高，價格優惠等優勢，并且針對Web應用提供無限制服務器分發授權方式，非常有利于產品集成。

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

Teechart組件的應用實例

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

對象觀察器與打印預覽

演示： ComboFlat、TeeInspactor和ChartPreviewer組件。

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

設計：

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

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

   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屬性右邊帶有三個小黑點的按鈕，彈出圖1中的Edit Teelnspactor.Items...窗口，然后單擊左上角的 Add New按鈕，或在窗口區域右擊，在彈出菜單中選擇Add項，這時圖1中上部的Object Inspector窗口顯示需要增加項目的標題、類型、設定值等。此時可在這兩個窗口之間切換，完成需要設定的項目，最后構成的對象觀察窗口外觀，如圖2所示。

   圖1
   

   
   

   圖2

   
   

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

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

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

5. 圖表組件有關參數設定可在設計階段使用圖表編輯器參照上述代碼設定指定內容。

6. 打印預覽組件ChartPreviewer1只需設定Chart特性為Chart1，使預覽窗口與指定圖表組件關聯，然后加入下列代碼：

   ChartPreviewer1.Execute;

   就可實現打印預覽，打印預覽窗口如圖3所示：

   圖3
   

   
   

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

設置：如下所示

技巧：

    ChartPreviewer組件可以方便地輸出指定圖表，利用Teelnspactor對象觀察組件可以作為系統運行過程中進行人機交互的一種方式。另外，可參看后續章節有關打印與預覽部分的內容。

界面：程序運行階段的界面如下所示。

圖4

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

相關資料推薦：

上一章：Teechart組件的應用實例：圖表滾動棒與頁面導航組件

Teechart 2019資源合集

Teechart 2018資源合集 

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

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