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

---

【下載TeeChart.Net最新版本】

介紹 

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

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

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

建立圖表 

在WinForm上包含TeeChart

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

選擇工具欄中的圖標(biāo)，然后單擊并拖出以在表單上調(diào)整TeeChart的大小。看到TeeChart作為一個(gè)面板，其中包含一些基本的圖表功能，如Axis和Title。右鍵單擊新的TeeChart，顯示的菜單。選擇Edit...（編輯）選項(xiàng)以訪問TeeChart編輯器。

TeeChart編輯器

TeeChart編輯器包含對(duì)最常用的圖表屬性的訪問權(quán)限。

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

圖表系列圖庫

Series（系列圖庫）由八個(gè)選項(xiàng)卡頁面組成：

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

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

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

ADO.NET

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

 

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

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

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

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

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

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

之前使用圖表編輯器添加的系列在設(shè)計(jì)時(shí)顯示隨機(jī)數(shù)據(jù)。但是，在運(yùn)行時(shí)，除非用戶手動(dòng)填充數(shù)據(jù)，否則系列將沒有數(shù)據(jù)。從工具箱中選擇一個(gè)按鈕并將其放在表單上。在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按鈕，圖表上將顯示三個(gè)新欄。圖表中的第一個(gè)Bar系列稱為Bar1，第二個(gè)Bar2等。因此，在圖表中有多個(gè)系列，用戶可以使用這些名稱來修改相關(guān)系列。

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

選擇系列類型以滿足用戶的需求

最后一個(gè)編碼示例生成了新的X和Y值。點(diǎn)之間的X軸距離不是恒定的，這將導(dǎo)致在某些情況下條的重疊。使用圖表編輯器更改系列類型（在設(shè)計(jì)時(shí)輸入圖表編輯器并使用第一頁上的更改按鈕，然后將代碼中對(duì)Bar1的所有引用更改為Line1）到LineSeries顯示以圖形方式表示數(shù)據(jù)的替代方法有2個(gè)變量。