TeeChart Pro VCL/FMX教程(十)： 3D图表和OpenGL

  TeeChart Pro VCL/FMX是一款主流的图表制作工具。提供了数百种用于可视化的2D、3D图形样式、56种数学、统计和金融函数，以及不限数量的坐标轴和30种调色板组件。TeeChart Pro VCL/FMX教程将会以连载的形式持续为大家带来TeeChart Pro VCL/FMX的使用方法。 

点击下载TeeChart Pro VCL/FMX最新试用版

    本篇教程为大家带来的是TeeChart Pro VCL/FMX中3D图表和OpenGL的这一节，主要分为以下几个部分： 

图表显示模式 

• （3D）图表编辑器页面 

• 二维图表 

• 三维正交图 

• 3D Native Windows图表 

• 3D OpenGL图表 

图表显示模式

 （3D）图表编辑器页面 

    可以在设计时使用图表编辑器定义主要的2D / 3D显示选项。

二维图表 

    可以使用图表编辑器在设计时选择2D图表。选择取消编辑器页面上的3D复选框，再将图表置于2D模式，在运行时，您可以随时将图表更改为2D：

Chart1.View3D := False;

    使用2D图表不会出现任何特殊问题。 所有对象坐标都与它们相对于图表面板或图表矩形的位置有关，不需要对3D偏移进行任何限制。    

三维正交图

    3D正交模式是获得3D效果的默认方式。 TeeChart根据Chart1.Chart3DPercent属性设置（在图表编辑器页面上设计时也可用）以正交角度绘制深度效果，您无法旋转3D正交图表，底部轴始终是水平的。

    使用3D正交图表时，您需要在自定义绘制到画布时考虑Width3D和Height3D 3D偏移。 如果您希望绘制的项目与图表后墙齐平，则应添加偏移量。请参阅以下示例：

例：

{This example draws a diagonal line across the Chart
flush to the Front of the Chart}
With Chart1, ChartRect do
begin  
  //Move the pointer to the top left Chart point
  Canvas.MoveTo(Left,Top);
  //Draw the Line
  Canvas.LineTo(Right,Bottom);
end;

{This example draws a diagonal line across the Chart
flush to the Back of the Chart}
With Chart1, ChartRect do
begin  
  //Move the pointer to the top left Chart point
  Canvas.MoveTo(Left + Width3D,Top - Height3D);
  //Draw the Line + adjustment for 3D displacement
  Canvas.LineTo(Right + Width3D,Bottom - Height3D);
end;

    当在运行时，使用3D图表的显示属性需要使用TView3DOptions组件（注意：并非所有选项都可用于正交图表）。

3D Native Windows图表     

    TeeChart Pro v6 的视图选项包括Native Windows模式3D。这种3D模式提供了OpenGL可以获得的许多优势，而且速度更快，3D Native Windows图表提供图表旋转以及高度可达90o，可以放大和缩小整个图表。

//Runtime
Chart1.View3DOptions.Orthogonal := False;

    通过取消选择3D Editor页面上的Orthogonal复选框，在设计时为TeeChart选择Native Windows mode 3D。

    使用图表编辑器，取消激活Orthogonal将同时激活Elevation和Rotation 的滑动条，从而允许更改这些显示属性的设计时间。

3D OpenGL图表

    可以使用Delphi组件>TeeChart>TTeeOpenGL非可视组件将3D图表转换为OpenGL图表。

    将组件添加到已放置TChart，TDBChart或TQRChart的表单中，在设计时，可以使用对象浏览器将组件连接到图表。 在运行时使用以下属性：

TeeOpenGL1.TeePanel := Chart1;
TeeOpenGL1.Active := True;

    接下来你将看到图表在运行时或者设计时直接转换成OpenGL图表。

   ; 本篇教程就介绍到这里，对以上内容有任何疑惑或者建议都可以在下方评论留言，TeeChart Pro VCL/FMX教程会持续更新，可以多多关注。

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

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