C#中使用TeeChart

教程01－入门入门－创建图表与填充数据序列目录简介创建一个图表将TeeChart添加到一个窗体上图表编辑器图表数据序列集填充新的数据序列ADO.NET使用代码进行数据输入选择一个满足您需要的序列类型说明使用TeeChart编辑器及少量或完全无需用代码就可以创建和实现基本的图表。TeeChart编辑器是一个二合一的编辑器，图表能与完全不同的数据序列相关联。您可以在不插入一个数据序列的情况下来定义图表的外观，名称，图例的特性和3D样式。您可以无需重新定义整个图表的外观样式，就可在运行时任意的添加和删除不同类型的数据序列。图表的坐标轴是图表和数据序列的接口，这些组件可以协同工作。一个数据序列，它的值将影响图表坐标轴的标签特征。坐标轴的外观样式，颜色，网格密度特性和标签字体都可以在插入数据序列之前为图表定义好。TeeChart编辑器将对大多数的值作出一个最好的估算，然后来预定义您所需要的图表和数据序列。通过图表编辑器添加多种序列类型:TeeChart的“特殊的数据序列图表”设计模式允许你混合使用多种类型的系列，而不限于选择一组预定义的图表格式。互联网！TeeChartPro.Net完全兼容ASP.NET，在设计时，它能够放在一个ASP.NETWebForm上，并且在设计时能以一个完全所见即所得的方式来编辑图表。在运行时，您可以选择下面列出的图像格式进行输出：JPEG,GIF,PNG,TIFF,BMP和EMF。通过互联网应用教程获得更多信息。此教程中强调的是轻松地从零开始建立一个图表的步骤，当您学习完后面的教程就可以修改和进一步改善图表外观和功能。我们开始吧！创建图表将TeeChart添加到窗体中通过使用TeeChart默认的安装程序，您已经将TeeChart默认图标成功添加到VisualStudio.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.mdbAccess数据库。首先，从VS.NET工具箱数据标签，拖拽一个OleDbDataAdapter到一个有TeeChartfor.Net项目的WinForm上。在数据适配器配置向导中点击“Next”，并在下一个页面点击“新建联接”按钮。然后在新窗口中点击“Provider”标签，选择“MicrosoftJetOLEDBProvider”，如下图所示：（*请注意－不同框架的向导外观可能稍有不同）现在，请在同一窗口中点击“Connection”标签，然后从TeeChart.NET根目录下的数据样本文件选择TeeChartTeeChart.mdb文件：点击“TestConnection”按钮来测试联接，然后再点击同一窗口中的OK按钮。现在点击数据适配器向导窗口中的“Next”按钮，从出现的窗口中选择“UseSQLStatements”，再次点击“Next”按钮。现在请点击“QueryBuilder”按钮并在Employee表中添加查询。关闭“AddTable”窗口，然后选择“*（所有列）”复选框：现在，确定是这个窗口，点击“下一步”，然后选择“完成”。现在打开TeeChar编辑器,将BarSeries和导航添加到该数据序列标签的数据源标签。从组合框和数据设置组合框中分别选择“Database”和oleDbDataAdapter1[System.Data.OleDb.OleDbDataAdapter]。设置标签为“LASTNAME”并设置Y为“SALARY”，如下图所示：现在点击“Apply”按钮并运行该窗体，您现在应该有类似下面的内容：更多信息，请看教程08-ADO.NET数据库访问通过代码输入数据对于数据输入，您需要编写一些代码。本节将告诉您所需的步骤，用于创建一个使用编码输入的图表。在设计时，您先前用图表编辑器添加的数据序列会显示随机的填充数据。但是在运行时，该数据序列将是空的数据，除非您手动填充它。从工具箱中选择一个按钮，并放置在您的窗体中。在VisualStudio.Net中，双击该按钮进入代码编辑器（在不同的编程环境，该方法可能会有所不同）。在代码编辑器中键入以下内容：[C#.Net]privatevoidbutton1_Click(objectsender,System.EventArgse){bar1.Add(3,Pears,Color.Red);bar1.Add(4,Apples,Color.Blue);bar1.Add(2,Oranges,Color.Green);}[VB.Net]PrivateSubButton1_Click(ByValsenderAsSystem.Object,ByValeAsSystem.EventArgs)HandlesButton1.ClickBar1.Add(3,Pears,Color.Red)Bar1.Add(4,Apples,Color.Blue)Bar1.Add(2,Oranges,Color.Green)EndSub运行该项目并按下按钮，在您的图表中将显示三个新的柱形图。就是这样，一个简单的图表就完成了！在您的图表中，第一个柱形图数据序列被称作Bar1，第二个称作Bar2等...因此，如果您的图表中有多种数据序列，您都可以使用类似的名字来修改相关的序列名称。该数据序列的“Add”方法共有25个重载，其中第7个接受3个变量：值，文本和颜色。Add方法从而取得与标签轴间距相等的值（这里指的是X轴）。如果您的数据只包含两个变量的话，那么您就要使用“Add”的另一个重载方法。添加另一个按钮到您的项目，并将下面的代码键入到里面。运行该项目，键入的代码如下：[C#.Net]privatevoidbutton2_Click(objectsender,System.EventArgse){Randomrnd=newRandom();if(bar1.Count0){//IncrementXAxisvalueandaddanewrandompointbar1.Add((bar1.XValues.Last+rnd.Next(10)),((bar1.YValues.Last/(bar1.YValues.Last-1))+rnd.Next(10)),Lemons,Color.Yellow);}else{//Addanewrandompointbar1.Add(1,rnd.Next(10),Lemons,Color.Yellow);}}[VB.Net]PrivateSubButton2_Click(ByValsenderAsSystem.Object,ByValeAsSystem.EventArgs)HandlesButton2.ClickDimrndAsRandomIf(Bar1.Count0)Then'IncrementXAxisvalueandaddanewrandompointBar1.Add((Bar1.XValues.Last+rnd.Next(10)),((Bar1.YValues.Last/(Bar1.YValues.Last-1))+rnd.Next(10)),Lemons,Color.Yellow)Else'AddanewrandompointBar1.Add(1,rnd.Next(10),Lemons,Color.Yellow)EndIfEndSub选择一个满足您需要的数据序列类型最后的实例代码可生成新的X、Y值。在X轴点与点之间的距离并不固定，在某些情况下这将导致柱形图重叠在一起，这种情况对少部分程序是可取的，但不适用于所有的应用程序。使用图表编辑器将数据序列类型修改为（在设计时，进入图表编辑器，然后点击修改按钮进行修改，同时，您还需要修改代码行中关于Bar1的所有引用）线型序列从而显示另外一种使用两个变量图形化显示数据的方法。如果您的数据超过2个变量，还有其他数据序列类型适合用于显示这些数据。您可以从图表库中选择您所想要的数据序列类型，同时您可以阅读TeeChar帮助文档来获得更多的有用信息。TeeChartPro.Net教程教程2-图表显示属性教程2－图表显示属性图表显示特征是指那些影响图表整体外观的因素。它们包括那些定义图表背景颜色，标题，位置，页边，粗细和斜角，背景图片，框架和轴可见，画笔颜色和宽度，3D，立面等属性和方法。您可以在设计时或运行时可通过图表编辑器使用这些属性，并且您还可以在运行时以编程的方式来修改这些属性。图表的整体外观特征分为以下类别：总体坐标轴标题图例面板分页立面3D如果您打开图表编辑器和浏览图表编辑页就会发现这些组别。其它的属性将影响您图表的外观，其中包括数据序列的颜色和特有的标记，个别坐标轴和网格显示的属性和标签。这些将在后面的教程中进行专门的介绍。图表显示属性入门添加一个新的图表到窗体中，您会看到它将显示为一个带有灰色背景的3D面板，2个立面（底部和左边），框架（定义图表plottable区域的框架）和一个默认的图表标题页眉“TeeChar”。右击图表并从图表编辑器的菜单中选择“Edit...”。第一页是空的数据序列页面，在本教程中我们暂不关心。选择第三个“General”标签来查看图表总体属性页面。图表总体属性总体选项包括以下三部分：缩放滚动指针缩放和滚动将在后面的教程中详细介绍。坐标轴属性坐标轴控件是一个特殊的领域并且相当的复杂，因此我们将在后面的教程中进行深入讲解。在这里我们只介绍基本轴和框架显示内容。第二个图表页面有定义轴和框架特征的属性。图表中包含6个标准轴。左边，顶部，右边，底部，底部纵深和顶部纵深。图表框架显示为图表plottable区域和无数据（参见BackWall）对应功能的环绕形式。默认的初始化纵深是不可见的。一个数据序列被添加到图表并与这些轴（默认为左边，底部）进行关联时，其他所有的轴是可见的。在对话框上可以通过“+”和“-”两个按钮进行添加或移除自定义轴。如果想让自定义轴是可见的（关于任何其他轴），那么一个数据序列必须与轴相关联。请参阅轴控件教程了解更多自定义轴的信息。使轴和框架能够显示的关键特性如下：可见性此复选框可启用或禁用所有轴的显示。如果后面的立面框架是可见的，即使轴被隐藏了图表环绕也依然可见。即使没有一个区域是为轴标签所留的，也仍会显示一个更大的图表。每个轴（比例标签）的可见性会覆盖每个轴的显示特性。