TeeChart2017_for_VCL_FMX使用教程13.pdfVIP

VCL 版帮助和教程 第十三章 在图板上自定义画图 通过TCanvas3D 组件，TeeChart 提供了广泛的定制自定义绘图工具。使用Canvas （画布），你可以在图 表面板的任何地方添加形状、线条和文字，并定义它们的颜色、笔和画笔样式。 目录 13.1 TeeChart 画布 13.2 高级自定义画图 (1).绘制顺序 （1） 组件概述 (2).画线 (3).画布画笔和刷子 (4).添加2D 形状 (5).添加3D 形状 (6).添加文字 (7).应用示例 13.1 TeeChart 画布 （1） 绘制顺序 当使用TeeChart 画布方法时，记住绘制顺序是很重要的。在图表上画一条线，然后添加一序列的数据点将会 导致线被超画。要使线出现在图表网格上面和序列下面，您可以将线放置到序列的BeforeDrawValues 事件中。 您可以在OnAfterDraw 事件中放置行代码，以便让线出现在这个序列的上方。 事件顺序，4 个原则图表绘制事件 • OnBeforeDrawChart event • OnBeforeDrawAxes event • OnBeforeDrawSeries event • OnAfterDraw event （2） 画线 1） 2D 图表 让我们添加一个画布: 示例 © 1996-2017 Steema Software SL. 保留所有权利。 74 VCL 版帮助和教程 //从左上方到右下方画一条对角线 //在2D 图表的图表区域里 With Chart1, ChartRect do begin //将指针移到左上角的图表点 Canvas.MoveTo(Left,Top); //画线 Canvas.LineTo(Right,Bottom); end; 2） 3D 正交图表 在一个正交的3D 图表中，由于三维正交位移，轴的位置会被偏移。因此我们相应地要移动这条线： 示例 //从左上方到右下方画一条对角线 //在3D 图表的图表区域里 With Chart1, ChartRect do begin //将指针移到左上角的图表点 Canvas.MoveTo(Left + Width3D,Top - Height3D); //画线 +调整3D 位移 Canvas.LineTo(Right + Width3D,Bottom - Height3D); end; 3） 3D Nativemode 或OpenGL 图表 在Native 3D 图表或OpenGL 图表上绘制相同的线(这也适用于2D 和3D 的正交图表)： //从左上方到右下方画一条对角线 //在3D Nativemode 或OpenGL 图表的图表区域 With Chart1,Canvas do begin Pen.Color := clBlue; Pen.Width := 1; Pen.Style := psDot; //Pen 必须是1 到使用Pen.Style Brush.Style := bsClear; //透明 //然后画线 MoveTo3D(ChartRect.Left,ChartRect.Top,0);