使用TeeChart編輯器及少量或完全無需用代碼就可以創(chuàng)建和實現(xiàn)基本的圖表。TeeChart編輯器是一個二合一的編輯器，圖表能與完全不同的數(shù)據(jù)序列相關(guān)聯(lián)。您可以在不插入一個數(shù)據(jù)序列的情況下來定義圖表的外觀，名稱，圖例的特性和3D樣式。您可以無需重新定義整個圖表的外觀樣式，就可在運(yùn)行時任意的添加和刪除不同類型的數(shù)據(jù)序列。

圖表的坐標(biāo)軸是圖表和數(shù)據(jù)序列的接口，這些組件可以協(xié)同工作。一個數(shù)據(jù)序列，它的值將影響圖表坐標(biāo)軸的標(biāo)簽特征。坐標(biāo)軸的外觀樣式，顏色，網(wǎng)格密度特性和標(biāo)簽字體都可以在插入數(shù)據(jù)序列之前為圖表定義好。TeeChart編輯器將對大多數(shù)的值作出一個最好的估算，然后來預(yù)定義您所需要的圖表和數(shù)據(jù)序列。

通過圖表編輯器添加多種序列類型:  TeeChart的“特殊的數(shù)據(jù)序列圖表”設(shè)計模式允許你混合使用多種類型的系列，而不限于選擇一組預(yù)定義的圖表格式。

互聯(lián)網(wǎng)！TeeChart Pro .Net完全兼容ASP.NET，在設(shè)計時，它能夠放在一個ASP.NET WebForm上，并且在設(shè)計時能以一個完全所見即所得的方式來編輯圖表。在運(yùn)行時，您可以選擇下面列出的圖像格式進(jìn)行輸出：JPEG,GIF,PNG,TIFF,BMP和EMF。

此教程中強(qiáng)調(diào)的是輕松地從零開始建立一個圖表的步驟，當(dāng)您學(xué)習(xí)完后面的教程就可以修改和進(jìn)一步改善圖表外觀和功能。我們開始吧！

創(chuàng)建圖表

將TeeChart添加到窗體中

通過使用TeeChart默認(rèn)的安裝程序，您已經(jīng)將TeeChart默認(rèn)圖標(biāo)成功添加到Visual Studio .Net設(shè)計環(huán)境的工具箱中。開始體驗！ 

TeeChart圖表的圖標(biāo)是用一個圓型（餅圖）圖來表示的。

選擇并點擊工具欄中的TeeChart圖標(biāo)，并將其拖放到窗體上。您將看到類似一個面板的TeeChart，并伴有一些基本的圖表特征，如軸和標(biāo)題等。但TeeChart絕不僅僅就是一個面板；右擊這個新的TeeChart您會看到一個菜單，選擇Edit...命令可查看TeeChart編輯器對話框。

TeeChart編輯器

TeeChart編輯器包括最常用的方法和圖表的屬性。

添加一個新的數(shù)據(jù)序列，點擊Add...按鈕從彈出的數(shù)據(jù)序列集中選擇您想要的數(shù)據(jù)序列類型。如果選擇好數(shù)據(jù)序列類型之后您又想改變它，您可以這樣做：返回到第一個編輯器對話框并選擇Change...按鈕（注意：可能會發(fā)生少數(shù)異常，因為數(shù)據(jù)序列的數(shù)據(jù)內(nèi)容不兼容）。

圖表數(shù)據(jù)序列分類

這個圖表序列包含五個標(biāo)簽頁：:

標(biāo)準(zhǔn)類

標(biāo)準(zhǔn)數(shù)據(jù)序列類型是使用最頻繁的一類。

統(tǒng)計類

統(tǒng)計數(shù)據(jù)序列包括更專業(yè)的統(tǒng)計規(guī)劃或繪圖應(yīng)用序列類型。

金融類

金融數(shù)據(jù)序列包括更專業(yè)的財務(wù)金融應(yīng)用序列類型。

擴(kuò)展類

可擴(kuò)展數(shù)據(jù)序列類型有一些例子包括定制數(shù)據(jù)序列類型。

3D類

3D數(shù)據(jù)序列類型需要三個（x，Y，Z軸）變量，而不是兩個（X，Y）。

其它

不同的數(shù)據(jù)序列類型。

選擇一個數(shù)據(jù)序列類型。在這個例子中我們選擇柱狀圖數(shù)據(jù)序列。這個集合關(guān)閉后，新的數(shù)據(jù)序列將在第一個圖表編輯器屏幕上顯示出來。

填充新的數(shù)據(jù)序列

選擇圖表編輯器對話框的Series選項來查看數(shù)據(jù)序列的屬性配置。 在Series屬性標(biāo)簽下的第四個選項是數(shù)據(jù)源標(biāo)簽。

ADO.NET

如果您使用的數(shù)據(jù)源是ADO.NET，那么您將要在圖表編輯器中配置您的數(shù)據(jù)源路徑。

在這個例子中，我們將連接BarSeries到TeeChart.mdb Access數(shù)據(jù)庫。 首先，從VS.NET工具箱數(shù)據(jù)標(biāo)簽，拖拽一個OleDbDataAdapter到一個有TeeChart for.Net項目的WinForm上。在數(shù)據(jù)適配器配置向?qū)е悬c擊“Next”，并在下一個頁面點擊“新建聯(lián)接”按鈕。然后在新窗口中點擊“Provider”標(biāo)簽，選擇“Microsoft Jet OLE DB Provider”，如下圖所示：

（ *請注意 － 不同框架的向?qū)庥^可能稍有不同）

現(xiàn)在，請在同一窗口中點擊“Connection”標(biāo)簽，然后從TeeChart .NET根目錄下的數(shù)據(jù)樣本文件選擇TeeChartTeeChart.mdb文件：

點擊“Test Connection”按鈕來測試聯(lián)接，然后再點擊同一窗口中的OK按鈕。 現(xiàn)在點擊數(shù)據(jù)適配器向?qū)Т翱谥械?ldquo;Next”按鈕，從出現(xiàn)的窗口中選擇“Use SQL Statements”，再次點擊“Next”按鈕。現(xiàn)在請點擊“Query Builder”按鈕并在"Employee" 表中添加查詢。 關(guān)閉“Add Table”窗口， 然后選擇“*（所有列）”復(fù)選框：

現(xiàn)在，確定是這個窗口，點擊“下一步”，然后選擇“完成”。 現(xiàn)在打開TeeChar編輯器, 將BarSeries和導(dǎo)航添加到該數(shù)據(jù)序列標(biāo)簽的數(shù)據(jù)源標(biāo)簽。 從組合框和數(shù)據(jù)設(shè)置組合框中分別選擇“Database”和oleDbDataAdapter1 [System.Data.OleDb.OleDbDataAdapter] 。設(shè)置標(biāo)簽為“LASTNAME”并設(shè)置Y為“SALARY”，如下圖所示：

現(xiàn)在點擊“Apply”按鈕并運(yùn)行該窗體，您現(xiàn)在應(yīng)該有類似下面的內(nèi)容：

通過代碼輸入數(shù)據(jù)

對于數(shù)據(jù)輸入，您需要編寫一些代碼。本節(jié)將告訴您所需的步驟，用于創(chuàng)建一個使用編碼輸入的圖表。

在設(shè)計時，您先前用圖表編輯器添加的數(shù)據(jù)序列會顯示隨機(jī)的填充數(shù)據(jù)。但是在運(yùn)行時，該數(shù)據(jù)序列將是空的數(shù)據(jù)，除非您手動填充它。從工具箱中選擇一個按鈕，并放置在您的窗體中。在Visual Studio .Net中，雙擊該按鈕進(jìn)入代碼編輯器 （在不同的編程環(huán)境，該方法可能會有所不同）。

在代碼編輯器中鍵入以下內(nèi)容：

[C#.Net]

private void button1_Click(object sender, System.EventArgs e)

        {

            bar1.Add(3,"Pears",Color.Red);

  ;          bar1.Add(4,"Apples",Color.Blue);

            bar1.Add(2,"Oranges",Color.Green);

        }

[VB.Net]

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click

        Bar1.Add(3, "Pears", Color.Red)

        Bar1.Add(4, "Apples", Color.Blue)

        Bar1.Add(2, "Oranges", Color.Green)

End Sub

運(yùn)行該項目并按下按鈕，在您的圖表中將顯示三個新的柱形圖。 就是這樣，一個簡單的圖表就完成了！

在您的圖表中，第一個柱形圖數(shù)據(jù)序列被稱作Bar1，第二個稱作Bar2等... 因此，如果您的圖表中有多種數(shù)據(jù)序列，您都可以使用類似的名字來修改相關(guān)的序列名稱。

該數(shù)據(jù)序列的“Add”方法共有25個重載，其中第7個接受3個變量：值，文本和顏色。Add方法從而取得與標(biāo)簽軸間距相等的值 （這里指的是X軸）。如果您的數(shù)據(jù)只包含兩個變量的話，那么您就要使用“Add”的另一個重載方法。 添加另一個按鈕到您的項目，并將下面的代碼鍵入到里面。 運(yùn)行該項目，鍵入的代碼如下：

[C#.Net]

private void button2_Click(object sender, System.EventArgs e)

        {

            Random rnd = new Random();

            if(bar1.Count > 0)

            {

                //Increment X Axis value and add a new random point

                bar1.Add((bar1.XValues.Last + rnd.Next(10)), ((bar1.YValues.Last/(bar1.YValues.Last - 1)) + rnd.Next(10)),"Lemons",Color.Yellow);

            }

  ;          else

            {

                //Add a new random point

                bar1.Add(1,rnd.Next(10),"Lemons",Color.Yellow);

            }

        } 

[VB.Net]

Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click

        Dim rnd As Random

        ;If (Bar1.Count > 0) Then

            'Increment X Axis value and add a new random point

            Bar1.Add((Bar1.XValues.Last + rnd.Next(10)), ((Bar1.YValues.Last / (Bar1.YValues.Last - 1)) + rnd.Next(10)), "Lemons", Color.Yellow)

        Else

            'Add a new random point

            Bar1.Add(1, rnd.Next(10), "Lemons", Color.Yellow)

        End If

End Sub

選擇一個滿足您需要的數(shù)據(jù)序列類型

最后的實例代碼可生成新的X、Y值。 在X軸點與點之間的距離并不固定，在某些情況下這將導(dǎo)致柱形圖重疊在一起，這種情況對少部分程序是可取的，但不適用于所有的應(yīng)用程序。使用圖表編輯器將數(shù)據(jù)序列類型修改為（在設(shè)計時，進(jìn)入圖表編輯器，然后點擊修改按鈕進(jìn)行修改，同時，您還需要修改代碼行中關(guān)于Bar1的所有引用）線型序列從而顯示另外一種使用兩個變量圖形化顯示數(shù)據(jù)的方法 。

如果您的數(shù)據(jù)超過2個變量，還有其他數(shù)據(jù)序列類型適合用于顯示這些數(shù)據(jù)。您可以從圖表庫中選擇您所想要的數(shù)據(jù)序列類型，同時您可以閱讀TeeChar幫助文檔來獲得更多的有用信息。