logo TeeChart .NET教程2018 我也要发布文档

(一)构建图表和填充数据


【下载TeeChart.Net最新版本】

介绍 

可以使用TeeChart编辑器构建和实现基本图表,几乎不使用代码。TeeChart编辑器是两个编辑器合二为一,图表可能被认为与其数据系列内容不同。用户可以定义图表外观,标题,图例特征和3D方面,而无需包含数据系列。这使用户可以自由地在运行时添加和删除不同的数据系列类型,而无需重新定义整个图表的外观。

teechart

这些组件协同工作,Chart轴是Chart和Series之间的接口。系列具有数据,其值将影响图表轴的标签特征。在添加数据系列之前,可以为图表定义轴外观,颜色,网格频率和标签字体。TeeChart将对大多数值进行最佳估计,以最大限度地减少您预定义图表和系列属性的需要。
使用图表编辑器添加多个系列类型:TeeChart的“ Chart distinct from Series ”设计范例允许用户混合各种系列类型,而不限于选择预定义的图表格式。

teechart

.NET TeeChart Pro .Net与ASP.NET完全兼容,可以放置在ASP.NET WebForm上,并在设计时以完全所见即所得的方式进行编辑。用户可以从可用的列表中选择运行时输出的图像格式类型:JPEG,GIF,PNG,TIFF,BMP和EMF。
本教程中将介绍TeeChart编辑器,使用户能够通过本系列教程来修改和进一步增强图表的外观和功能。

建立图表 

在WinForm上包含TeeChart

通过使用TeeChart的安装程序应用程序,成功将TeeChart图标添加到Visual Studio .Net编程环境的工具箱中。
TeeChart图表图标是带圆圈(饼图)图表的表示。

选择工具栏中的图标,然后单击并拖出以在表单上调整TeeChart的大小。看到TeeChart作为一个面板,其中包含一些基本的图表功能,如Axis和Title。右键单击新的TeeChart,显示的菜单。选择Edit...(编辑)选项以访问TeeChart编辑器。

teechart

TeeChart编辑器

TeeChart编辑器包含对最常用的图表属性的访问权限。

teechart

要在“Add...(添加)”按钮上添加新的系列鼠标,请从“Series(系列库)”中选择“Series(系列)”类型。如果现在选择系列类型之后,稍后更改它(可能会出现一些例外,其中系列数据内容可能不兼容),方法是返回第一个编辑器屏幕并选择Change...(更改—)按钮。

图表系列图库

teechart

Series(系列图库)由八个选项卡页面组成:

  • Standard (标准)
    标准系列类型,可能最常被调用的类型,例如线条,条形图,饼图等。
  • Extended (扩展)
    扩展系列类型,包括用于规划或映射的更专业的系列类型应用程序,例如Arrow,Polar,Org Charts,Bezier等。
  • Financial (财务)
    金融系列包括更专业的财务系列金融系列类型。
  • Other (其他)
    如果用户还没有找到寻找的图表类型,可能会在这里找到它,例如Tag Cloud,Wind Rose,Calendar等
  • 3D 
    3D Series包括提供三维表示的系列类型,例如Surface ,瀑布,塔等。这些类型采用三个(X,Y,Z)而不是两个(X,Y)变量。
  • Stats (统计)
    统计系列包括图表系列类型统计应用,例如直方图,误差线,箱线图,等
  • Gauges (仪表)
    提供多种轨距如数值,直线,圆环形等
  • Maps (地图)
    地图系列包括各种地理图表地图,例如世界,欧洲,北美,亚洲等。   
    选择系列类型。在本文中,选择Bar Series类型。图库将关闭,新系列将显示在第一个图表编辑器屏幕中。

填充新数据系列

在图表编辑器中选择“Series(系列)”选项卡以显示“Series(系列)”配置属性。“Series(系列)”页面上的第四个选项卡是数据源选项卡。

ADO.NET

如果数据源符合ADO.NET,可以直接在图表编辑器中映射数据。在本文中,将BarSeries连接到TeeChart.mdb Access数据库。首先,从VS.NET ToolBox的Data选项卡中,将OleDbDataAdapter拖到一个带有TeeChart for .Net对象的WinForm上。单击“Data Adapter Configuration Wizard(数据适配器配置向导)”上的“下一步”,然后在下一页上单击“New Connection...(新建连接)”按钮。现在点击新窗口的“Provider(供应商)”选项卡,选择“Microsoft Jet OLE DB Provider”,如下图所示:

teechart

 

现在单击同一窗口的“Connection(连接)”选项卡,然后从TeeChart for .Net根目录下的Sample Data文件夹中选择TeeChart.mdb文件:

teechart

单击“Test Connection(测试连接)”按钮用于测试连接,然后单击同一窗口的“OK”按钮。现在单击Data Adapter Configuration Wizard窗口的“Next”按钮,从出现的窗口中选择“Use SQL Statements”,然后再次单击“Next”按钮。现在单击“Query Builder(查询生成器)”按钮并添加“Employee”表。关闭“Add Table”窗口并选择“*(All Columns)”复选框:

teechart

现在确定此窗口,单击“Next”,然后单击“Finish”。现在打开TeeChart Editor,添加BarSeries并导航到Series选项卡的DataSource选项卡。从ComboBox中选择“Database”,从DataSet ComboBox中选择oleDbDataAdapter1 [System.Data.OleDb.OleDbDataAdapter]。将标签设置为“LASTNAME”,将Y设置为“SALARY”,如下图所示:

teechart

现在单击“Apply”按钮并运行表单,应该具有以下内容:
  teechart

编码数据输入

对于编程的数据输入,需要编写一些代码。本节将展示使用编码输入构建图表所需的步骤。

之前使用图表编辑器添加的系列在设计时显示随机数据。但是,在运行时,除非用户手动填充数据,否则系列将没有数据。从工具箱中选择一个按钮并将其放在表单上。在Visual Studio .Net中,双击Button以访问代码编辑器(该方法可能因编程环境而异)。
在代码编辑器输入以下代码:

[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轴)。如果数据包含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显示以图形方式表示数据的替代方法有2个变量。