Teechart图表应用技术详解—第二章之Teechart组件的应用实例：图表编辑器

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

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

Teechart组件的应用实例

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

图表编辑器

    演示： ChartEditor，ChartEditorPanel组件。

    功能：演示图表编辑器ChartEditorPanel和ChartEditor在程序设计阶段和运行阶段的使用方法，实现对图表的在线式手动编辑。

    设计：

1. ChartEditor、 ChartEditorPanel组件是图表编辑器以不同的表现形式呈现其功能。

2. 窗口左下角放置的是ChartEditorPanell组件，在设计阶段其外观是以Panel形式显示的，仅当程序运行后才显示其实际界面，属可视组件。窗口的 ChartEditor是非可视组件，在命令按钮“调用图表编辑器”中调用。窗口右下角放置的是ChartEditorPanel2组件，在窗体的 OnCreate事件中加入下列代码是其按树型状态显示：

   ChartEditorPanel2.Editor.Tree.Visible:=true

3. 三个组件都可以实现对窗口中间的图表组件 Chart1进行编辑，只是采用ChartEditorPanel1和 ChartEditorPane2组件时总是显示在屏幕上，采用ChartEditor组件则可以在需要时调用。

4. 上述两个组件的Chart属性设置为Chart1，否则不能正确显示。也可在Form的OnCreate事件中加入下列代码：

   ChartEditor1.Chart:Chart1;
   ChartEditorPanel.Chart:Chart1;
   Series1.FillSampleValues(10);
   Series2.FillSampleValues(10);

5. 为在运行期间调用图表编辑器，在按钮Button1的Onclick事件中加入代码：

   ChartEditor1.Execute;

6. 为改变图表编辑器的Tabs位置，在ComboBox1的 OnChange事件中加入以下代码：

var
p:TTabPosition;
begin
case ComboBox1.ItemIndex of
0:p:=tptop;
1:p:=tpBottom;
2:p:=tpLeft;
3:p:=tpRight;
end;
ChartEditorPanel1.Editor.TabGeneral.PageControl.TabPosition:=p;
end;

    设置：如下表所示。

    技巧：

1. 本例除演示两个图表编辑器的功能外，还提供了根据鼠标在图表上的单击位置，自动显示图表编辑器相应编辑页面等功能。将会在第7章图表的打印与导出部分介绍。

2. 树形模式。图表编辑器可以被显示成“树形模式”，使用一个左对齐的树形视图控件来作为多个编辑器对话框的主管理器，代码如下：

ChartEditor1.Treeview= True;
ChartEditor1.Execute;

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

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

相关资料推荐：

上一章：Teechart页面上的组件概述

Teechart 2019资源合集

Teechart 2018资源合集 

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

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