g2 canvas 绘图不要靠近顶部_TeeChart Pro VCL/FMX教程之图表面板上的自定义绘图

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

TeeChart for .NET​www.evget.com

---

本篇教程为大家带来的是TeeChart Pro VCL/FMX中图表面板上的自定义绘图的这一节，TeeChart通过TCanvas3D组件提供广泛的定制绘图设施。 使用Canvas，您可以在Chart Panel/图表面板的任何位置添加形状，线条和文本，并定义其颜色，笔和画笔样式。内容主要分为以下几个部分：

1. TeeChart Canvas
   绘图顺序和绘图线
   Canvas笔和画笔
   添加2D形状和3D形状
   添加文本
   应用实例
2. 高级自定义绘图
3. 组件概述

TeeChart Canvas

绘画顺序

使用TeeChart的Canvas方法时，请记住绘图顺序很重要。如果在图表上绘制一条线，然后添加系列数据点将会导致线透支，您可以将线放入Series BeforeDrawValues事件中，让线显示在Chart网格上方和Series下方；您可以将线代码放在OnAfterDraw事件中，让线显示在Series上方。

在顺序上有4个主要图表绘制事件：

• OnBeforeDrawChart事件
• OnBeforeDrawAxes事件
• OnBeforeDrawSeries事件
• OnAfterDraw事件

绘画线

在2D图表添加绘画线：

//Draw a Line diagonally from top left to bottom right 
//in the Chart Area of a 2D 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;

在正交三维图表上，由于三维正交的位移问题，轴位置将会偏离图表区域，我们可以相应地移动线路：

//Draw a Line diagonally from top left to bottom right 
//in the Chart Area of a 3D 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;