彩票走势图

TeeChart Pro .Net汉化教程一:创建图表与填充数据序列

原创|其它|编辑:郝浩|2012-07-03 21:25:22.000|阅读 1440 次

概述:使用TeeChart编辑器及少量或完全无需用代码就可以创建和实现基本的图表。TeeChart编辑器是一个二合一的编辑器,图表能与完全不同的数据序列相关联。您可以在不插入一个数据序列的情况下来定义图表的外观,名称,图例的特性和3D样式。您可以无需重新定义整个图表的外观样式,就可在运行时任意的添加和删除不同类型的数据序列。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

使用TeeChart编辑器及少量或完全无需用代码就可以创建和实现基本的图表。TeeChart编辑器是一个二合一的编辑器,图表能与完全不同的数据序列相关联。您可以在不插入一个数据序列的情况下来定义图表的外观,名称,图例的特性和3D样式。您可以无需重新定义整个图表的外观样式,就可在运行时任意的添加和删除不同类型的数据序列。

teechart图表,.net图表,teechart中文版,teechart汉化,创建图表与填充数据序列

图表的坐标轴是图表和数据序列的接口,这些组件可以协同工作。一个数据序列,它的值将影响图表坐标轴的标签特征。坐标轴的外观样式,颜色,网格密度特性和标签字体都可以在插入数据序列之前为图表定义好。TeeChart编辑器将对大多数的值作出一个最好的估算,然后来预定义您所需要的图表和数据序列。

通过图表编辑器添加多种序列类型: ; TeeChart的“特殊的数据序列图表”设计模式允许你混合使用多种类型的系列,而不限于选择一组预定义的图表格式。

teechart图表,.net图表,teechart中文版,teechart汉化,创建图表与填充数据序列

互联网!TeeChart Pro .Net完全兼容ASP.NET,在设计时,它能够放在一个ASP.NET WebForm上,并且在设计时能以一个完全所见即所得的方式来编辑图表。在运行时,您可以选择下面列出的图像格式进行输出:JPEG,GIF,PNG,TIFF,BMP和EMF。

此教程中强调的是轻松地从零开始建立一个图表的步骤,当您学习完后面的教程就可以修改和进一步改善图表外观和功能。我们开始吧!

创建图表

将TeeChart添加到窗体中

通过使用TeeChart默认的安装程序,您已经将TeeChart默认图标成功添加到Visual Studio .Net设计环境的工具箱中。开始体验! 

TeeChart图表的图标是用一个圆型(饼图)图来表示的。

teechart图表,.net图表,teechart中文版,teechart汉化,创建图表与填充数据序列

选择并点击工具栏中的TeeChart图标,并将其拖放到窗体上。您将看到类似一个面板的TeeChart,并伴有一些基本的图表特征,如轴和标题等。但TeeChart绝不仅仅就是一个面板;右击这个新的TeeChart您会看到一个菜单,选择Edit...命令可查看TeeChart编辑器对话框。

teechart图表,.net图表,teechart中文版,teechart汉化,创建图表与填充数据序列

TeeChart编辑器

TeeChart编辑器包括最常用的方法和图表的属性。

teechart图表,.net图表,teechart中文版,teechart汉化,创建图表与填充数据序列

添加一个新的数据序列,点击Add...按钮从弹出的数据序列集中选择您想要的数据序列类型。如果选择好数据序列类型之后您又想改变它,您可以这样做:返回到第一个编辑器对话框并选择Change...按钮(注意:可能会发生少数异常,因为数据序列的数据内容不兼容)。

图表数据序列分类

teechart图表,.net图表,teechart中文版,teechart汉化,创建图表与填充数据序列

这个图表序列包含五个标签页::

teechart图表,.net图表,teechart中文版,teechart汉化,创建图表与填充数据序列 标准类

标准数据序列类型是使用最频繁的一类。

teechart图表,.net图表,teechart中文版,teechart汉化,创建图表与填充数据序列 统计类

统计数据序列包括更专业的统计规划或绘图应用序列类型。

teechart图表,.net图表,teechart中文版,teechart汉化,创建图表与填充数据序列 金融类

金融数据序列包括更专业的财务金融应用序列类型。

teechart图表,.net图表,teechart中文版,teechart汉化,创建图表与填充数据序列 扩展类

可扩展数据序列类型有一些例子包括定制数据序列类型。

teechart图表,.net图表,teechart中文版,teechart汉化,创建图表与填充数据序列 3D类

3D数据序列类型需要三个(x,Y,Z轴)变量,而不是两个(X,Y)。

teechart图表,.net图表,teechart中文版,teechart汉化,创建图表与填充数据序列其它

不同的数据序列类型。

选择一个数据序列类型。在这个例子中我们选择柱状图数据序列。这个集合关闭后,新的数据序列将在第一个图表编辑器屏幕上显示出来。

填充新的数据序列

选择图表编辑器对话框的Series选项来查看数据序列的属性配置。 在Series属性标签下的第四个选项是数据源标签。

ADO.NET

如果您使用的数据源是ADO.NET,那么您将要在图表编辑器中配置您的数据源路径。

在这个例子中,我们将连接BarSeries到TeeChart.mdb Access数据库。 首先,从VS.NET工具箱数据标签,拖拽一个OleDbDataAdapter到一个有TeeChart for.Net项目的WinForm上。在数据适配器配置向导中点击“Next”,并在下一个页面点击“新建联接”按钮。然后在新窗口中点击“Provider”标签,选择“Microsoft Jet OLE DB Provider”,如下图所示:

*请注意 - 不同框架的向导外观可能稍有不同

teechart图表,.net图表,teechart中文版,teechart汉化,创建图表与填充数据序列

现在,请在同一窗口中点击“Connection”标签,然后从TeeChart .NET根目录下的数据样本文件选择TeeChartTeeChart.mdb文件:

teechart图表,.net图表,teechart中文版,teechart汉化,创建图表与填充数据序列

点击“Test Connection”按钮来测试联接,然后再点击同一窗口中的OK按钮。 现在点击数据适配器向导窗口中的“Next”按钮,从出现的窗口中选择“Use SQL Statements”,再次点击“Next”按钮。现在请点击“Query Builder”按钮并在"Employee" 表中添加查询。 关闭“Add Table”窗口, 然后选择“*(所有列)”复选框:

teechart图表,.net图表,teechart中文版,teechart汉化,创建图表与填充数据序列

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

teechart图表,.net图表,teechart中文版,teechart汉化,创建图表与填充数据序列

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

teechart图表,.net图表,teechart中文版,teechart汉化,创建图表与填充数据序列

通过代码输入数

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

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


(慧都控件网版权所有,转载请注明出处,否则追究法律责任)
标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP