TeeChart Pro VCL/FMX是一款主流的圖表制作工具。提供了數百種用于可視化的2D、3D圖形樣式、56種數學、統計和金融函數，以及不限數量的坐標軸和30種調色板組件。TeeChart Pro VCL/FMX教程將會以連載的形式持續為大家帶來TeeChart Pro VCL/FMX的使用方法。 

點擊下載TeeChart Pro VCL/FMX最新試用版 

  本篇教程為大家帶來的是TeeChart Pro VCL/FMX中縮放和滾動的這一節，縮放和滾動在關注人口稠密圖表中的特定數據時是非常有用的輔助工具，內容主要分為以下幾個部分： 

1. 如何使用鼠標進行縮放和滾動

   縮放

   滾動

2. 如何通過代碼縮放和滾動
   

   縮放

   動畫縮放

   縮放事件

   滾動

如何使用鼠標進行縮放和滾動

縮放

    要縮放圖表，請在要縮放的區域的左上角按鼠標右鍵，將矩形拖動到縮放區域的右下角。釋放鼠標按鈕將強制圖表重繪所選區域。

    要撤消縮放，請在圖表區域的任意位置按鼠標左鍵，然后按住鼠標按鈕向上和向左拖動。釋放按鈕，圖表將強制重繪為最初定義的圖表區域。

滾動

    要滾動圖表，請按住鼠標左鍵，將鼠標拖動到您想要滾動圖表的方向。釋放鼠標按鈕時，圖表將保留在新位置。

    要撤消滾動，請在圖表區域的任意位置按鼠標左鍵，然后按住鼠標按鈕向上和向左拖動。釋放按鈕，圖表將強制重繪為最初定義的圖表區域。

如何通過代碼縮放和滾動

縮放

    默認情況下，啟用縮放。使用AllowZoom屬性禁用縮放，定義要縮放的矩形區域，請使用ZoomRect方法：

Rect.Left  := LineSeries1.CalcXPosValue( 22.5  ) ;
Rect.Top   := LineSeries1.CalcYPosValue( 5000 ) ;
Rect.Right := LineSeries1.CalcXPosValue( 57.6 ) ;
Rect.Bottom:= LineSeries1.CalcYPosValue( 15000 ) ;
Chart1.ZoomRect( Rect );

   ZoomRect坐標以屏幕像素定義，其中0,0是圖表面板的左上角。以下代碼將放大第2和第5個x軸點之間的區域，將y軸設置為整個圖表的最大和最小點的比例：

With Chart1 do
begin
  ZoomRect(Rect(Axes.Bottom.CalcXPosValue(2),                       
              	Axes.Bottom.CalcXPosValue(5),
              	Axes.Left.CalcYPosValue(MaxYValue(Axes.Left)), 
              	Axes.Left.CalcYPosValue(MinYValue(Axes.Left))));
end;

    使用撤消縮小。

Chart1.UndoZoom;

動畫縮放

    動畫縮放提供步進縮放。您可以將AnimatedZoom設置為啟用并為縮放交錯步驟，而不是一步步的從縮小到放大。 啟用AnimatedZoom后，您可以使用鼠標或代碼手動縮放。

With Chart1 do
begin
  AnimatedZoom := True;
  AnimatedZoomSteps := 10;
  ZoomRect(Rect(Axes.Bottom.CalcXPosValue(2),                                     Axes.Left.CalcYPosValue(MaxYValue(Axes.Left)),
             Axes.Bottom.CalcXPosValue(5),
             Axes.Left.CalcYPosValue(MinYValue(Axes.Left))));
end;

縮放事件

    手動或按代碼放大將觸發Chart.OnZoom事件，縮小將觸發Chart.UndoZoom事件。

滾動

    默認情況下，為所有方向啟用滾動。使用AllowPanning屬性禁用滾動或將滾動限制為一個方向。 您需要定義Axis最大值和最小值以便按代碼滾動。

With Chart1 do
begin
  AllowPanning := pmHorizontal; //permit manual scrolling horizontally only.
  Axes.Bottom.Automatic := False;
  Axes.Bottom.Minimum := 2;
  Axes.Bottom.Maximum := 5;
end;

    您可以使用滾動條更改軸最小值和最大值，從而完全按代碼控制滾動，TeeChart Pro包含一個ScrollBar組件，可以使過程更容易。

    ScrollBar組件：使用TChartScrollBar將滾動條添加到圖表，TChartScrollBar可以連接到任何Axis，您應該使用Kind屬性將ScrollBar定義為垂直或水平，使用Align屬性來選擇Axis。

    手動代碼：

With Chart1 do
  AllowPanning := pmHorizontal; //permit manual scrolling horizontally only.
  Axes.Bottom.Automatic := False;
  //limit display to 5 points onscreen 
  ChartScrollBar1.Chart := Chart1;
  ChartScrollBar1.Kind := sbHorizontal;
  ChartScrollBar1.Min := 0;
  ChartScrollBar1.Max := 20;
End With

    本篇教程就介紹到這里，對以上內容有任何疑惑或者建議都可以在下方評論留言，TeeChart Pro VCL/FMX教程會持續更新，可以多多關注。

    TeeChart for .NET，TeeChart for JavaScript/HTML5，TeeChart for Xamarin.Android均已加入在線訂購，現在搶購可立享特別優惠！??！

    關注慧聚IT微信公眾號???，了解產品的最新動態及最新資訊。