Teechart图表教程：图表编辑器

Teechart组件的应用实例

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

图表编辑器

    演示： ChartEditor，ChartEditorPanel组件。

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

    设计：

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

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

  ChartEditorPanel2.Editor.Tree.Visible:=true

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

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

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

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

ChartEditor1.Execute;

• 为改变图表编辑器的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;

设置：如下表所示。

组件名称	属性名	设定值	备注
TChart	Name	Chart1	在Chart上双击，调用图表编辑器设定有关参数
TChartEditor	Name	ChartEditor1	图表编辑器
	Chart	Chart1
TChartEditorPanel	Chart	ChartEditorPanel1	图表编辑器托盘
	Chart	Chart1
TChartEditorPanel	Name	ChartEditorPanel2	树型图表编辑器托盘
	Chart	Chart1
TBarSeries	Name	Series1	属Chart1的序列
	ParenChart	Chart1
TComboBox	Name	ComboBox1	组合框初始设置
	Items	Top、Bottom、Left、Right
	ItemIndex	0
TComboBox	Name	ComboBox2	组合框初始设置
	Items	Tabs、Buttons、Flat Buttons
	ItemIndex	0

技巧：

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

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

   ChartEditor1.Treeview= True;
   ChartEditor1.Execute;

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

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