【TeeChart .NET教程】（一）構建圖表和填充數(shù)據(jù)

---

【下載TeeChart.Net最新版本】

介紹 

可以使用TeeChart編輯器構建和實現(xiàn)基本圖表，幾乎不使用代碼。TeeChart編輯器是兩個編輯器合二為一，圖表可能被認為與其數(shù)據(jù)系列內容不同。用戶可以定義圖表外觀，標題，圖例特征和3D方面，而無需包含數(shù)據(jù)系列。這使用戶可以自由地在運行時添加和刪除不同的數(shù)據(jù)系列類型，而無需重新定義整個圖表的外觀。

這些組件協(xié)同工作，Chart軸是Chart和Series之間的接口。系列具有數(shù)據(jù)，其值將影響圖表軸的標簽特征。在添加數(shù)據(jù)系列之前，可以為圖表定義軸外觀，顏色，網(wǎng)格頻率和標簽字體。TeeChart將對大多數(shù)值進行最佳估計，以最大限度地減少您預定義圖表和系列屬性的需要。
使用圖表編輯器添加多個系列類型：TeeChart的“ Chart distinct from Series ”設計范例允許用戶混合各種系列類型，而不限于選擇預定義的圖表格式。

.NET TeeChart Pro .Net與ASP.NET完全兼容，可以放置在ASP.NET WebForm上，并在設計時以完全所見即所得的方式進行編輯。用戶可以從可用的列表中選擇運行時輸出的圖像格式類型：JPEG，GIF，PNG，TIFF，BMP和EMF。
本教程中將介紹TeeChart編輯器，使用戶能夠通過本系列教程來修改和進一步增強圖表的外觀和功能。

建立圖表 

在WinForm上包含TeeChart

通過使用TeeChart的安裝程序應用程序，成功將TeeChart圖標添加到Visual Studio .Net編程環(huán)境的工具箱中。
TeeChart圖表圖標是帶圓圈（餅圖）圖表的表示。

選擇工具欄中的圖標，然后單擊并拖出以在表單上調整TeeChart的大小?？吹?TeeChart作為一個面板，其中包含一些基本的圖表功能，如Axis和Title。右鍵單擊新的TeeChart，顯示的菜單。選擇Edit...（編輯）選項以訪問TeeChart編輯器。

TeeChart編輯器

TeeChart編輯器包含對最常用的圖表屬性的訪問權限。

要在“Add...（添加）”按鈕上添加新的系列鼠標，請從“Series（系列庫）”中選擇“Series（系列）”類型。如果現(xiàn)在選擇系列類型之后，稍后更改它（可能會出現(xiàn)一些例外，其中系列數(shù)據(jù)內容可能不兼容），方法是返回第一個編輯器屏幕并選擇Change...（更改—）按鈕。

圖表系列圖庫

Series（系列圖庫）由八個選項卡頁面組成：

• Standard （標準）
  標準系列類型，可能最常被調用的類型，例如線條，條形圖，餅圖等。
• Extended （擴展）
  擴展系列類型，包括用于規(guī)劃或映射的更專業(yè)的系列類型應用程序，例如Arrow，Polar，Org Charts，Bezier等。
• Financial （財務）
  金融系列包括更專業(yè)的財務系列金融系列類型。
• Other （其他）
  如果用戶還沒有找到尋找的圖表類型，可能會在這里找到它，例如Tag Cloud，Wind Rose，Calendar等
• 3D 
  3D Series包括提供三維表示的系列類型，例如Surface ，瀑布，塔等。這些類型采用三個（X，Y，Z）而不是兩個（X，Y）變量。
• Stats （統(tǒng)計）
  統(tǒng)計系列包括圖表系列類型統(tǒng)計應用，例如直方圖，誤差線，箱線圖，等
• Gauges （儀表）
  提供多種軌距如數(shù)值，直線，圓環(huán)形等
• Maps （地圖）
  地圖系列包括各種地理圖表地圖，例如世界，歐洲，北美，亞洲等。   
  選擇系列類型。在本文中，選擇Bar Series類型。圖庫將關閉，新系列將顯示在第一個圖表編輯器屏幕中。

填充新數(shù)據(jù)系列

在圖表編輯器中選擇“Series（系列）”選項卡以顯示“Series（系列）”配置屬性。“Series（系列）”頁面上的第四個選項卡是數(shù)據(jù)源選項卡。

ADO.NET

如果數(shù)據(jù)源符合ADO.NET，可以直接在圖表編輯器中映射數(shù)據(jù)。在本文中，將BarSeries連接到TeeChart.mdb Access數(shù)據(jù)庫。首先，從VS.NET ToolBox的Data選項卡中，將OleDbDataAdapter拖到一個帶有TeeChart for .Net對象的WinForm上。單擊“Data Adapter Configuration Wizard（數(shù)據(jù)適配器配置向導）”上的“下一步”，然后在下一頁上單擊“New Connection...（新建連接）”按鈕?，F(xiàn)在點擊新窗口的“Provider（供應商）”選項卡，選擇“Microsoft Jet OLE DB Provider”，如下圖所示：

 

現(xiàn)在單擊同一窗口的“Connection（連接）”選項卡，然后從TeeChart for .Net根目錄下的Sample Data文件夾中選擇TeeChart.mdb文件：

單擊“Test Connection（測試連接）”按鈕用于測試連接，然后單擊同一窗口的“OK”按鈕?，F(xiàn)在單擊Data Adapter Configuration Wizard窗口的“Next”按鈕，從出現(xiàn)的窗口中選擇“Use SQL Statements”，然后再次單擊“Next”按鈕?，F(xiàn)在單擊“Query Builder（查詢生成器）”按鈕并添加“Employee”表。關閉“Add Table”窗口并選擇“*（All Columns）”復選框：

現(xiàn)在確定此窗口，單擊“Next”，然后單擊“Finish”?，F(xiàn)在打開TeeChart Editor，添加BarSeries并導航到Series選項卡的DataSource選項卡。從ComboBox中選擇“Database”，從DataSet ComboBox中選擇oleDbDataAdapter1 [System.Data.OleDb.OleDbDataAdapter]。將標簽設置為“LASTNAME”，將Y設置為“SALARY”，如下圖所示：

現(xiàn)在單擊“Apply”按鈕并運行表單，應該具有以下內容：
  

編碼數(shù)據(jù)輸入

對于編程的數(shù)據(jù)輸入，需要編寫一些代碼。本節(jié)將展示使用編碼輸入構建圖表所需的步驟。

之前使用圖表編輯器添加的系列在設計時顯示隨機數(shù)據(jù)。但是，在運行時，除非用戶手動填充數(shù)據(jù)，否則系列將沒有數(shù)據(jù)。從工具箱中選擇一個按鈕并將其放在表單上。在Visual Studio .Net中，雙擊Button以訪問代碼編輯器（該方法可能因編程環(huán)境而異）。
在代碼編輯器輸入以下代碼：

[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 

按下Run the project按鈕，圖表上將顯示三個新欄。圖表中的第一個Bar系列稱為Bar1，第二個Bar2等。因此，在圖表中有多個系列，用戶可以使用這些名稱來修改相關系列。

Series的Add方法有25個重載，其中第7個接受3個變量，Value，Text和Color。因此，Add方法假設Label軸上的值間隔相等（在本例中為X軸）。如果數(shù)據(jù)包含2個變量，則可以使用Add方法的另一個重載。將另一個Button添加到項目中并將此代碼放入其中。運行項目并使用以下代碼添加點：

[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的所有引用更改為Line1）到LineSeries顯示以圖形方式表示數(shù)據(jù)的替代方法有2個變量。