Teechart图表教程：数据栅格与导航

   Steema是全球领先的图表类控件公司，总部设在西班牙的巴塞罗那附近，Steema公司的VCL图表报表控件在全球拥有极高知名度。Steema公司和慧都科技针对中国市场联合推出中文版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组件功能演示主要属性设置

组件名称	属性名	设定值	备注
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	颜色对话框

    技巧：

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

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

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