本教程转自屈景辉的Teechart应用技术详解——快速图表制作工具一书,本节我们将会介绍此书的第二章的第三小节——Teechart组件的应用实例:数据栅格与导航
Steema是全球领先的图表类控件公司,总部设在西班牙的巴塞罗那附近,Steema公司的VCL图表 表控件在全球拥有极高知名度。Steema公司和科技针对中国市场联合推出中文版TeeChart for .NET图表控件,一经推出,就在市场上大受欢迎,如果有感兴趣的用户,可以下载试用版体验一下。
TeeChart for .NET最新试用版
Teechart组件的应用实例
数据栅格与导航
演示: ChartGrid、 ChartGridNavigator组件。
设计:
- 
数据栅格的Series属性可设可不设,如果指定了Series属性,则只显示指定的Series的数据,否则 ChartGrid自动根据图表组件Chart确定显示的Series。
 - 
按钮BitBtn用来调用颜色对话框ColorDialog,改变Chart序列的颜色,并且按钮上的字体颜色与序列颜色同步。在 BitBtn的OnClick事件中加入代码:
if ColorDialogl.Execute thenbeginSeries1.ColorEachPoint:=false;Bitbtn1.Font.Color:=ColorDialog1.Color;Series1. Seriescolor:=ColorDialog1.Color;end
 - 
改变栅格组件中是否显示X轴标签、Bar的颜色,分别用下列属性的 true/false实现。
ChartGrid1. ShowLabels : =true; // false为栅格中不显示x标签ChartGrid1. Showcolors : =true; //false为栅格中不显示各点的颜色
 - 
当设定序列中的各点用不同颜色时使用代码:
Series1.ColorEachPoint:=true; // false为序列各点颜色相同
 
设置:如下表所示
ChartGrid和ChartGridNavigator组件功能演示主要属性设置
| 组件名称 | 属性名 | 设定值 | 备注 | 
| TChart | Name | Chart1 | |
| TChartGrid | Name | ChartGrid1 | 图表栅格组件 | 
| Chart | Chart1 | 属 Chart1的栅格组件 | |
| TChartGridNavigator | Name | TChartGridNavigator1 | 栅格导航 | 
| Grid | ChartGrid1 | 栅格组件 | |
| TBarSeries | Name | Series1 | Chart的序列 | 
| ParentChart | Chart1 | ||
| TCheckBox | Name | CheckBox1 | 标签检查框 | 
| Checked | true | ||
| Caption | 标签 | ||
| TCheckBox | Name | CheckBox2 | 颜色检査框 | 
| Checked | false | ||
| Caption | 颜色 | ||
| TBitBtn | Name | BitBtn1 | 修改颜色按钮 | 
| Caption | 改变颜色 | ||
| TColorDialog | Name | ColorDialog1 | 颜色对话框 | 
技巧:
- 
使用栅格组件可直接修改图表上点的值和坐标标签内容。
 - 
修改栅格中的颜色。双击鼠标左键可白动调用系统颜色设置对话框( ColorDialog)用于修改单点颜色。
 
界面:程序运行后的界面下图所示。
下一节我们将会介绍Teechart组件的应用实例:序列列表与命令工具。将会有演示,功能,设计,设置,技巧和界面六个方面的介绍。如果有对Teechart图表感兴趣的朋友,可以多多关注本教程,并且欢迎在评论区留言。
相关资料推荐:
Teechart 2019资源合集
Teechart 2018资源合集
现TeeChart for .NET,TeeChart for JavaScript/HTML5,TeeChart for Xamarin.Android等均已加入在线订购,现在抢购可立享优惠!

标签:
声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!