Teechart圖表應(yīng)用技術(shù)詳解—第九章之曲線

---

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最新試用版

---

曲線顯示與圖例

一般來講，人們繪制的圖表內(nèi)容往往以圖例的方式加以區(qū)分。在曲線概貌和細(xì)節(jié)白色區(qū)域右上角的矩形區(qū)域就是這個圖表的“圖例”，其中4個復(fù)選框代表了4條曲線，D1、D2、D3和D4，D1、D2、D3和D4的顏色表示每條曲線的顏色，圖例左邊的4個復(fù)選框的選中與否表示是否顯示該條曲線，也就是說當(dāng)對應(yīng)曲線的復(fù)選框處于選中狀態(tài)，這條曲線才是可見的。

這個例子中的圖例至少表達(dá)了四層意思：

• 曲線的名稱
• 每條曲線使用的顏色。
• 可設(shè)定某條曲線顯示與否。
• 這個圖表中共繪制了4條曲線

要實(shí)現(xiàn)這個功能，可在程序設(shè)計階段打開圖表編輯器，選擇Legend選項卡的Style選項卡，使Visible和 Font Series Color兩個復(fù)選框選中，并在左下角的組合框中選擇Check boxes，就可實(shí)現(xiàn)曲線概貌和細(xì)節(jié)中所示圖例的功能。

如果采用代碼方式顯示上述曲線控制效果，可在程序初始化部分加入下列語句：

Chart1.Legend.Visible=true;
Chart1.Legend.FontSeriescolor:=true;
Chart1.Legend.CheckBoxes:=true;
Chart1.Legend.CheckBoxesStyle:=cbsCheck;

其中Chart1.Legend.CheckBoxesStyle句是設(shè)置檢查框風(fēng)格的，如果設(shè)定為cbsRadio則成為單選框，也就是說任何時候圖表上只能顯示一條曲線， CheckBoxesStyle屬性是一個枚舉類，定義為：

TCheckBoxesStyle=(cbsCheck, cbsRadio);

因此一定要按用戶的實(shí)際情況設(shè)定。

曲線顯示與屬性控制

上一節(jié)是通過圖例的方式表示曲線的名稱(或標(biāo)題)、使用顏色和是否可見，實(shí)際上，TeeChart組件群中的TChartList Box組件為用戶改變曲線(序列)類型、是否顯示、使用顏色提供了更大的方便。利用這一組件可不用在圖表中顯示圖例，而且組件的功能比圖例的功能更強(qiáng)大、編輯修改曲線屬性更方便、更快捷，其組件外觀如下圖所示。在圖標(biāo)上雙擊可打開圖表序列類型對話框用于改變圖表序列(曲線)類型，復(fù)選框選中與否表示曲線是否可見，在曲線顏色位置雙擊鼠標(biāo)可打開顏色對話框用于改變曲線顏色，從而為用戶提供了最大的靈活性。

鼠標(biāo)移動與曲線數(shù)據(jù)可視

用戶可能希望鼠標(biāo)在曲線上移動時能夠把該點(diǎn)的值顯示出來，要滿足用戶這要求還是比較容易的。TeeChart提供的提示簽工具TMarkTipTool就是為了滿足用戶這種要求設(shè)置的，以達(dá)到鼠標(biāo)移動時曲線數(shù)據(jù)可視的目的。

在程序設(shè)計階段打開圖表編輯器，單擊Tools選項卡的Add按鈕，增加提示簽工具TMarksTipTool，并按下圖所示設(shè)置有關(guān)屬性。

提示簽工具TMarks Tip Tool可以針對所有序列(a)，在鼠標(biāo)移動或單擊時以不同的風(fēng)格(Style)顯示數(shù)據(jù)，并且可以單位毫秒(ms)設(shè)置一個延時( Delay)。有時鼠標(biāo)移動時拖著一個標(biāo)簽提示有點(diǎn)煩人，那么可將 Active屬性設(shè)為 false，等需要時再將其 Active屬性設(shè)為urue，運(yùn)行效果如下圖所示。圖中上部框內(nèi)的橫坐標(biāo)為6553s，縱坐標(biāo)為135.542，下部框內(nèi)的橫坐標(biāo)為131，縱坐標(biāo)為135，橫坐標(biāo)的不同是因為前者換算為時間單位，后者為點(diǎn)序號：縱坐標(biāo)基本上是相同的，前者是鼠標(biāo)位置換算值，后者是數(shù)據(jù)點(diǎn)的實(shí)際值。

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

上一章：曲線概貌和細(xì)節(jié)

Teechart 2019資源合集

=====================================

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

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