本教程转自屈景辉的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进行处理,非常感谢!