logo Teechart应用技术详解——快速图表制作工具 我也要发布文档

第二章之Teechart组件的应用实例:序列数据集SeriesData


    Steema公司和慧都科技针对中国市场联合推出中文版TeeChart for .NET图表控件,一共汉化2000个词条(17000个单词),汉化文档35000个单词,包括控件设计时与运行时的界面汉化以及控件使用向导文档的汉化,总汉化90%以上!

    TeeChart for .NET中文版让您在使用和学习上没有任何语言障碍,至少可以节省30%的开发时间。TeeChart for .NET中文版具有易上手,使用方便,稳定性好,性价比高,价格优惠等优势,并且针对Web应用提供无限制服务器分发授权方式,非常有利于产品集成。

点击下载TeeChart for .NET最新试用版    


Teechart组件的应用实例

    Steema为了充分发挥TeeChart页图表组件的功能,将图表编辑器的选项卡进行了拆分,构成独立的可视或非可视组件,由程序设计员根据用户的功能要求进行重新组合,以满足用户需要。

序列数据集SeriesData

演示:SeriesDataSet组件。

功能:SeriesDataSet组件建立序列( Series)与数据集( DataSet)间的联系,将对序列数据的修改变为对数据集记录的修改。该组件将序列的主要数据(X、Y、Color和 Label等)存放在数据集中,使得一个序列( Series)与一个数据集( Dataset,也称数据库表)相关联,把对序列的修改变为对数据库表记录的修改。为习惯数据库操作的程序员提供了方便。

设计:

  1. 在窗体中增加图表组件Chart1,在图表编辑器中增加一个序列。

  2. 在TeeChart页面将SeriesDataSet组件拖入窗体。

  3. 在DataAccess面、 DataControl页面,将 DataSource、DBGrid、DBNavigator组件拖入窗体。

设置:如下表所示。

组件属性名设定值备注
TChartNameChart1通过SeriesDataSet组件将对序列的数据修改操作变为对数据集记录的修改,也就是说数据集的内容决定了序列的显示。
TLineSeriesNameSeries1
TSeriesDataSet
NameSeriesDataSet1
SeriesSeries1
Activetrue
TDataSourceNameDataSource1
DataSetSeriesDataSet1
TDBGridNameDBGrid1
DataourceDataSource1
TDBNavigatorNameDBNavigator1
DatasourceDataSource1

技巧:

  1. 这个组件的应用关键是通过 TSeriesDataSet组件建立与数据集有关元件的联系,使得Delphi提供的数据控制与数据访问元件也可以与图表中的序列相关联,从而将对序列的修改变为对数据集的修改。

  2. 在窗体的TSeriesDataSet组件上双击,弹出如图1所示的窗口,窗口中内容为空,,这时再按下鼠标右键,出现弹出式菜单如图2所示,选择 Add all fields后,图1所示的弹出窗口显示出SeriesDataSet组件相关联的序列的主要参数。这时,可在对象观察窗口设置这些字段的属性,也可在弹出菜单中选择删除某一字段。

    图1:                                                                             图2:

    弹出窗口                            弹出式菜单

  3. 该组件应用很简单,只要将各组件的属性设置好就可以了,基本上不需要编写代码。

  4. 程序运行后,可直接在DBGrid1中修改数据,这时, DBNavigatorq的√按钮可用,单击该按钮后,序列的显示随之发生变化,这就是 TSeriesSet组件的奥妙之处。

界面:程序设计和运行阶段的界面3和4所示。

图3


SeriesDataSet组件演示设计阶段界面

图4

SeriesDataSet组件演示运行界面

  下一节我们将会介绍Teechart组件的应用实例:序列文本源组件SeriesTextSource。将会有演示,功能,设计,技巧和界面五个方面的介绍。如果有对Teechart图表感兴趣的朋友,可以多多关注本教程,并且欢迎在评论区留言。

相关资料推荐:

上一章:Teechart组件的应用实例:多图表打印预览

Teechart 2019资源合集

Teechart 2018资源合集 


    现TeeChart for .NETTeeChart for JavaScript/HTML5TeeChart for Xamarin.Android等均已加入在线订购,现在抢购可立享优惠!

    关注慧聚IT微信公众号???,了解产品的最新动态及最新资讯。

dd2629f30d553d56ccaf7164fdcb784e-sz_28327.webp.jpg