Teechart图表应用技术详解—第二章之Teechart组件的应用实例：数据栅格与导航

    Steema是全球领先的图表类控件公司，总部设在西班牙的巴塞罗那附近，Steema公司的VCL图表报表控件在全球拥有极高知名度。Steema公司和慧都科技针对中国市场联合推出中文版TeeChart for .NET图表控件，一经推出，就在市场上大受欢迎，如果有感兴趣的用户，可以下载试用版体验一下。

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

Teechart组件的应用实例

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

数据栅格与导航

    演示： ChartGrid、 ChartGridNavigator组件。

    功能：演示数据栅格ChartGrid和数据栅格导航ChartGridNavigator组件以及图表组件Chart三者之间的相互关系，表明通过前两个组件的Chart属性的设置就可以获取图表组件显示序列的数据，并且通过栅格控件可以对图表显示数据的编辑进行修改，使用导航组件在栅格之间移动，进行快速地数据点查找。该实例提供了编辑图表序列数据的一种方法。

    设计:

1. 数据栅格的Series属性可设可不设，如果指定了Series属性，则只显示指定的Series的数据，否则 ChartGrid自动根据图表组件Chart确定显示的Series。\

2. 按钮BitBtn用来调用颜色对话框ColorDialog，改变Chart序列的颜色，并且按钮上的字体颜色与序列颜色同步。在 BitBtn的OnClick事件中加入代码：

   if ColorDialogl.Execute then
   begin
   Series1.ColorEachPoint:=false;
   Bitbtn1.Font.Color:=ColorDialog1.Color;
   Series1. Seriescolor:=ColorDialog1.Color;
   end

3. 改变栅格组件中是否显示X轴标签、Bar的颜色，分别用下列属性的 true/false实现。

   ChartGrid1. ShowLabels : =true;           // false为栅格中不显示x标签
   ChartGrid1. Showcolors : =true；           //false为栅格中不显示各点的颜色

4. 当设定序列中的各点用不同颜色时使用代码：

   Series1.ColorEachPoint：=true；          // false为序列各点颜色相同

    设置：如下表所示

ChartGrid和ChartGridNavigator组件功能演示主要属性设置

    技巧：

1. 使用栅格组件可直接修改图表上点的值和坐标标签内容。

2. 修改栅格中的颜色。双击鼠标左键可白动调用系统颜色设置对话框( ColorDialog）用于修改单点颜色。

    界面：程序运行后的界面下图所示。

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

相关资料推荐：

上一章：Teechart组件的应用实例：图表编辑器

Teechart 2019资源合集

Teechart 2018资源合集 

    现TeeChart for .NET，TeeChart for JavaScript/HTML5，TeeChart for Xamarin.Android等均已加入在线订购，现在抢购可立享优惠！

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