TeeChart Pro .Net 教程 ---教程01 － 入门

TeeChart Pro .Net 教程

教程01 － 入门

教程01 － 入门

入门 － 创建图表与填充数据序列

目录
简介

创建一个图表

将TeeChart添加到一个窗体上
图表编辑器
图表数据序列集

填充新的数据序列
ADO.NET
使用代码进行数据输入

选择一个满足您需要的序列类型

说明

使用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其他的Pallete组件，请点击 教程16。

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”按钮。现在请点击“Query Builder”按钮并在"Employee" 表中添加查询。 关闭“Add Table”窗口， 然后选择“*（所有列）”复选框：



现在，确定是这个窗口，点击“下一步”，然后选择“完成”。 现在打开TeeChar编辑器, 将BarSeries和导航添加到该数据序列标签的数据源标签。 从组合框和数据设置组合框中分别选择“Database”和oleDbDataAdapter1 [System.Data.OleDb.OleDbDataAdapter] 。设置标签为“LASTNAME”并设置Y为“SALARY”，如下图所示：



现在点击“Apply”按钮并运行该窗体，您现在应该有类似下面的内容：



更多信息，请看 教程08 - ADO.NET 数据库访问

通过代码输入数据
对于数据输入，您需要编写一些代码。本节将告诉您所需的步骤，用于创建一个使用编码输入的图表。

在设计时，您先前用图表编辑器添加的数据序列会显示随机的填充数据。但是在运行时，该数据序列将是空的数据，除非您手动填充它。从工具箱中选择一个按钮，并放置在您的窗体中。在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帮助文档来获得更多的有用信息。





联系我们

© 2002-2009 Steema Software SL. All rights reserved.