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

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

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

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

此教程中強調的是輕松地從零開始建立一個圖表的步驟，當您學習完后面的教程就可以修改和進一步改善圖表外觀和功能。我們開始吧！

創建圖表

將TeeChart添加到窗體中

通過使用TeeChart默認的安裝程序，您已經將TeeChart默認圖標成功添加到Visual Studio .Net設計環境的工具箱中。開始體驗！ 

TeeChart圖表的圖標是用一個圓型（餅圖）圖來表示的。

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

TeeChart編輯器

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

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

圖表數據序列分類

這個圖表序列包含五個標簽頁：:

標準類

標準數據序列類型是使用最頻繁的一類。

統計類

統計數據序列包括更專業的統計規劃或繪圖應用序列類型。

金融類

金融數據序列包括更專業的財務金融應用序列類型。

擴展類

可擴展數據序列類型有一些例子包括定制數據序列類型。

3D類

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

其它

不同的數據序列類型。

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

填充新的數據序列

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

ADO.NET

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

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

（ *請注意 － 不同框架的向導外觀可能稍有不同）

現在，請在同一窗口中點擊“Connection”標簽，然后從TeeChart .NET根目錄下的數據樣本文件選擇TeeChartTeeChart.mdb文件：

點擊“Test Connection”按鈕來測試聯接，然后再點擊同一窗口中的OK按鈕。 現在點擊數據適配器向導窗口中的“Next”按鈕，從出現的窗口中選擇“Use SQL Statements”，再次點擊“Next”按鈕?，F在請點擊“Query Builder”按鈕并在"Employee" 表中添加查詢。 關閉“Add Table”窗口， 然后選擇“*（所有列）”復選框：

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

現在點擊“Apply”按鈕并運行該窗體，您現在應該有類似下面的內容：

通過代碼輸入數據

對于數據輸入，您需要編寫一些代碼。本節將告訴您所需的步驟，用于創建一個使用編碼輸入的圖表。

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

在代碼編輯器中鍵入以下內容：

[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

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

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

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

[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

選擇一個滿足您需要的數據序列類型

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

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