【TeeChart Pro ActiveX教程】入门基础知识-控件新闻-慧都网

【TeeChart Pro ActiveX教程】入门基础知识

翻译|使用教程|编辑：李爽夏|2018-11-15 16:18:51.000|阅读 621 次

概述：本文介绍了TeeChart Pro for ActiveX的一些入门基础知识

介绍

可以使用图表编辑器构建和实现基本图表，几乎不使用代码。图表编辑器是两个编辑器中的一个，图表可能被认为与其数据系列内容不同。用户可以定义图表外观，标题，图例特征和3D方面，而无需包含数据系列。这使用户可以自由地在运行时添加和删除不同的数据系列类型，而无需重新定义整个图表的外观。

这些组件协同工作，Chart轴是Chart和Series之间的接口。系列具有数据，其值将影响图表轴的标签特征。在添加数据系列之前，可以为图表定义轴外观，颜色，网格频率和标签字体。 TeeChart将对大多数值进行最佳估计，以最大限度地减少用户预定义图表和系列属性的需要。

使用图表编辑器添加多个系列类型TeeChart的“图表不同于系列”设计范例允许用户混合各种系列类型，而不限于选择预定义的图表格式。

互联网

对于应用程序需求不断增长的领域，功能包括JPEG，PNG，GIF和PCX Chart保存到文件或流和TeeChart“tee”模板，用于低带宽图表。 TeeChart完全支持Internet Information Server的Active Server Pages（ASP）和tee模板技术，允许在不需要客户端的OLE / ODBC的情况下分发Live OLE / ODBC数据库Charting应用程序。

本教程中的步骤强调了从头开始构建图表是多么容易，并将向用户介绍图表编辑器，使用户能够通过以后的教程修改和进一步增强图表的外观和功能。

建立图表

在表格上包括TeeChart

通过使用TeeChart的安装程序应用程序，用户将成功将TeeChart图标添加到编程环境的工具箱中。 TeeChart图表图标是带圆圈（饼图）图表的表示。

选择工具栏中的图标，然后单击并拖出以在表单上调整TChart的大小。用户将看到TChart作为一个面板，其中包含一些基本的图表功能，如Axis和Title。 TeeChart源自一个面板，你可以使用图表编辑器删除现有的视觉特征，你将得到一个完美的3D面板，边框和斜面属性！ TeeChart当然不仅仅是一个面板，右键单击新的TChart，用户将看到一个菜单显示。选择ActiveX -Edit Chart ...选项以访问图表编辑器。

图表编辑器

图表编辑器包含对最常用的图表属性的访问权限。

要在“添加...”按钮上添加新的系列鼠标，然后从“系列库”中选择“系列”类型。如果现在选择了Series类型后，用户希望稍后更改它（可能会出现一些例外，其中Series数据内容可能不兼容），方法是返回第一个Editor屏幕并选择Change ..按钮。

图表系列图库

系列图库现在包含六个标签页：

标准

标准系列类型，可能最常被调用的类型。

3D系列类型，代表三维（X，Y，Z）数据。

其他

杂项系列类型。

扩展

我们已经包含一些示例自定义系列类型。

金融

财务系列包括更专业的财务系列金融系列类型。

统计

统计系列包括用于规划或映射应用程序的更专业的统计系列类型。

选择系列类型。在本练习中，我们将选择Bar Series类型。图库将关闭，新系列将显示在第一个图表编辑器屏幕中。

填充新数据系列

在图表编辑器中选择“系列”选项卡以显示“系列”配置属性。 “系列”页面上的第五个选项卡是数据源选项卡。

ADO

如果您的数据源是OLE DB或ODBC兼容，那么您可以直接在图表编辑器中映射数据。

从“数据源”页面的下拉列表框中选择“数据集”，然后选择“新建...”按钮以定义连接源。

使用默认的Microsoft OLE DB Provider for ODBC Drivers Provider构建新的连接字符串使您可以从任何具有有效用户DSN的ODBC数据源中进行选择，包括TeeChart Pro数据库。

您可以从可用的表列表中选择一个表，也可以为数据源编写自己的SQL查询。 SQL查询可以保存为TXT文件并以此形式引入。

选择确定将创建整个连接操作的记录，在本例中称为DataSet1，并返回到先前的数据源屏幕，您可以在其中选择要添加到系列的列。要填充我们的新Bar系列，我们只需要标签和条形值，其中标签将在水平（默认情况下为底部）轴上读取，其中Bar是条形图垂直高度的值。完成这些字段后，您可以选择“关闭”或“应用”，您应该会看到已使用数据源中的数据填充图表。

编码数据输入

对于编程的数据输入，您需要编写一些代码。本节将向您展示使用编码输入构建图表所需的步骤。

您之前使用图表编辑器添加的系列在设计时显示随机数据。但是，在运行时，除非您手动填充数据，否则系列将没有数据。从工具箱中选择一个命令按钮并将其放在您的表单上。在Visual Basic中双击按钮以访问代码编辑器（该方法可能在不同的编程环境中有所不同）。在代码编辑器中键入以下行：

运行项目并按下命令按钮。您的图表上将显示三个新栏。而已！！没有更多的东西了。

图表中的第一个系列具有（0）索引，第二个（1）等。因此，在图表中有多个系列，您可以使用索引选择要修改的系列。

Series'Add方法接受3个变量，Value，Label和Color。因此，Add方法假设Label轴上的值间隔相等（在本例中为X轴）。如果您的数据包含2个变量，则可以使用AddXY方法。向项目添加另一个Command按钮并将此代码放入其中。运行项目并使用以下代码添加点：

选择系列类型以满足您的需求

最后一个编码示例生成了新的X和Y值。点之间的X轴距离不是恒定的，这将导致在某些情况下条的重叠，这对于一些但不是所有应用是期望的。使用图表编辑器更改系列类型（在设计时输入图表编辑器并使用第一页上的“更改”按钮）到LineSeries，显示另一种以2个变量以图形方式表示数据的方法。如果您的数据包含2个以上的变量，则还有其他适合显示数据的系列类型。下表显示了TeeChart系列类型的组成。

Series Type	No. of variables	Datasource Properties

Standard
Gantt	3	StartValues, EndValues, AY (Y axis level), AXLabel (Label optionally shown on Y-axis or as mark)
Line	2	XValues, YValues, XLabel
Bar	2	XValues, YValues (called Bar), XLabel
HorizBar	2	XValues, YValues (called Bar), XLabel
Area	2	XValues, YValues, XLabel
Point	2	Xvalues, YValues, XLabel
Pie	1	PieValues, XLabel
Fast Line	2	XValues, YValues, XLabel
HorizLine	2	XValues, YValues, YLabel
HorizArea	2	XValues, YValues, YLabel
Shape	4	X0 (Top), Y0 (Bottom), X1 (Left), Y1 (Right)
Bubble	3	XValues, YValues, XLabel, RadiusValues
3D
Surface	3	XValues, YValues, XLabel, ZValues
Contour	3	XValues, YValues, XLabel, ZValues
Waterfall	3	XValues, YValues, XLabel, ZValues
Color Grid	3	XValues, YValues, XLabel, ZValues
Vector 3D	3	XValues, YValues, XLabel, ZValues
Tower	3	XValues, YValues, XLabel, ZValues
Iso-Surface	3	XValues, YValues, XLabel, ZValues
Point3D	3	XValues, YValues, XLabel, ZValues
Bubble	5	XValues, YValues, XLabel, RadiusValues, ZValues
Triangle Surf.	3	XValues, YValues, XLabel, ZValues
Polar Grid	3	XValues, YValues, XLabel, (Polar Grid has Sectors, Tracks and Values)
Extended
Arrow	4	StartXValues, StartYValues, XLabel, EndXValues, EndYValues
Polar	2	XValues, YValues, Labels (Polar has Angle and Radius)
Radar	2	XValues, YValues, Labels (Radar has Angle and Radius)
Polar Bar	3	XValues, YValues, Labels (Polar has Angle and Radius)
Bezier	2	XValues, YValues, XLabel
Donut	2	Angle, YValues, Labels
Smith	2	Resistance, Reactance, Labels
Pyramid	2	XValues, YValues, XLabels
Map	3	XValues, YValues, Polygons, Labels
Org Chart	2	XValues, YValues, Labels
Tree Map	2	XValues, YValues, Labels
Financial
Point & Figure	5	OpenValues, CloseValues, HighValues, LowValues, DateValues
Candle	5	OpenValues, CloseValues, HighValues, LowValues, DateValues
Volume	2	XValues, YValues (VolumeValues), XLabel
Darvas	5	OpenValues, CloseValues, HighValues, LowValues, DateValues
Renko	2	XValues, YValues, Labels
Kagi	2	XValues, YValues, Labels
Stats
Histogram	2	XValues, YValues, XLabel
Horizontal Histogram	2	XValues, YValues, XLabel
Error Bar	3	XValues, YValues, XLabel, ErrorValues
Error	3	XValues, YValues, XLabel, StdErrorValues
High-Low	3	XValues, YValues, LowValues, XLabel
BoxPlot	2	XValues, SamplesValues, Label
Horizontal BoxPlot	2	XValues, SamplesValues, Label
Volume Pipe	3	XValues, YValues, Labels
Funnel	3	XValues, QuoteValues, OpportunityValues, XLabel
HighLow Line	3	XValues, HighValues, LowValues, Labels
Ternary	5	XValues, YValues, ZValues, RadiusValues, WeightingValues, Labels
Error Point	6	XValues, YValues, LeftError, RightError, TopError, BottomError, Labels
Error Point 3D	9	XValues, YValues, ZValues, LeftError, RightError, TopError, BottomError, FrontError, BackError, Labels
Other
Line Point	2	XValues, YValues, XLabel
Bar Join	2	XValues, YValues, XLabel
Bar 3D	3	XValues, YValues, YStartPoint, XLabel
Big Candle	5	OpenValues, CloseValues, HighValues, LowValues, DateValues
Image Bar	2	XValues, YValues, XLabel
ImagePoint	2	XValues, YValues, XLabel
DeltaPoint	2	XValues, YValues, XLabel
Wind Rose	2	Angle, YValues, Labels
Clock	2	Angle, YValues, Labels
Rose	3	Angle, YValues, Angle Values, Labels
Calender	2	XValues, YValues, Labels
Tag Cloud	2	YValues, ZValues, Labels
Gauges
Gauge	1	YValue
Numerical Gauge	1	YValue
Linear Gauge	1	YValue
Vertical	1	YValue
Circular gauge	1	YValue
Knob Gauge	1	YValue