TeeChart For VCL/FMX V2017使用教程:第十一章 缩放和移动
2018-02-27 20:14
239 查看
[align=center][/align]缩放和滚动是一种有用的辅助工具,用于在被密集填充的图表中聚焦特定的数据。在文件夹的“Animated Zoom”和“Scrolling”中,可以看到Visual Basic示例代码。
[align=center][/align]
要取消缩放,在图表区域的任何地方按下鼠标左按钮并保持,然后向左上方拖拽。释放这个按钮将会迫使图表重新绘制到最初定义的图表区域。
要撤销滚动,在图表区域的任何地方按下鼠标左按钮并保持,然后向左上方拖拽鼠标按钮。释放按钮,图表将重新绘制到最初定义的图表区域。
默认情况下,缩放是启用的。使用AllowZoom属性来禁用缩放。另一种“怎么做”缩放的指南,参见ChartZooming。为了定义一个矩形区域来缩放要使用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是图表面板的左上角。下面的代码将放大x轴的第2到5点之间的区域,将y轴设置为整个图表的最大和最小点的数值范围:
使用“Undo(撤销)”来使缩放退出。Chart1.UndoZoom;
示例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;
示例With Chart1 do
AllowPanning := pmHorizontal; //只允许手动水平滚动
Axes.Bottom.Automatic := False;
//在屏幕上限制显示为5个点
ChartScrollBar1.Chart := Chart1;
ChartScrollBar1.Kind := sbHorizontal;
ChartScrollBar1.Min := 0;
ChartScrollBar1.Max := 20;
End With
[align=center][/align]十一章完
目录 | |
11.1 如何使用鼠标缩放和滚动(1). 缩放(2). 滚动 | 11.2 如何通过代码缩放和滚动(1). 缩放(2). 动态缩放 (3). 缩放事件 (4). 滚动 |
11.1如何使用鼠标缩放和滚动
11.1.1 缩放
为了缩放图表,在你想要缩放的区域的左上角按右边的鼠标按钮,保持鼠标按下的按钮,将矩形拖到缩放区域的右下方。释放鼠标按钮将强制该图表重新绘制所选区域。要取消缩放,在图表区域的任何地方按下鼠标左按钮并保持,然后向左上方拖拽。释放这个按钮将会迫使图表重新绘制到最初定义的图表区域。
11.1.2 滚动
要滚动一个图表,按下鼠标左按钮并保持,将鼠标拖动到你想要滚动图表的方向。当您释放鼠标按钮时,图表将保持在新的位置。要撤销滚动,在图表区域的任何地方按下鼠标左按钮并保持,然后向左上方拖拽鼠标按钮。释放按钮,图表将重新绘制到最初定义的图表区域。
11.2 如何通过代码缩放和滚动
11.2.1 缩放
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;
默认情况下,缩放是启用的。使用AllowZoom属性来禁用缩放。另一种“怎么做”缩放的指南,参见ChartZooming。为了定义一个矩形区域来缩放要使用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是图表面板的左上角。下面的代码将放大x轴的第2到5点之间的区域,将y轴设置为整个图表的最大和最小点的数值范围:
使用“Undo(撤销)”来使缩放退出。Chart1.UndoZoom;
11.2.2 动态缩放
动态缩放提供了动画式逐步缩放。而不是一步就从“缩放外”跳到“缩放中”,你可以设置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;
11.2.3 缩放事件
手动或通过代码进行缩放,将触发Chart.OnZoom事件。缩放退出触发Chart.UndoZoom事件。11.2.4 滚动
默认滚动是为所有方向启用的。使用AllowPanning属性来禁用滚动或将滚动限制为一个方向。您需要通过代码定义轴的最大值和最小值来滚动。示例With Chart1 do
AllowPanning := pmHorizontal; //只允许手动水平滚动
Axes.Bottom.Automatic := False;
//在屏幕上限制显示为5个点
ChartScrollBar1.Chart := Chart1;
ChartScrollBar1.Kind := sbHorizontal;
ChartScrollBar1.Min := 0;
ChartScrollBar1.Max := 20;
End With
[align=center][/align]十一章完
相关文章推荐
- Adobe AIR迷你教程 -- 使用自定义窗口以及对窗口的移动,缩放,关闭操作
- Adobe AIR迷你教程 -- 使用自定义窗口以及对窗口的移动,缩放,关闭操作
- Adobe AIR迷你教程 — 使用自定义窗口以及对窗口的移动,缩放,关闭操作
- Adobe AIR迷你教程 -- 使用自定义窗口以及对窗口的移动,缩放,关闭操作
- Adobe AIR迷你教程 -- 使用自定义窗口以及对窗口的移动,缩放,关闭操作
- [微信开发利器]微信内移动前端开发抓包调试工具fiddler使用教程
- unity使用鼠标控制移动、缩放、旋转
- 微信内移动前端开发抓包调试工具fiddler使用教程
- 阿里云移动推送服务使用教程
- 移动应用开发测试工具Bugtags集成和使用教程【转载】
- IOS版Cocos2d-x2.2使用移动广告聚合平台集成插屏广告教程
- 移动数据分析服务使用教程
- 阿里云移动测试平台使用教程
- 在U盘上运行Win8!使用 Windows To Go 制作便携的 Win8 U盘/移动硬盘教程 (视频) - 好软之家
- 阿里云移动推送服务使用教程
- phonegap 开发入门 PhoneGap官方网站上有详细的入门示例教程,这里,我针对使用PhoneGap进行Android移动应用的开发对其官网的Get Started进行一些介绍、补充。 Ste
- iOS 使用手势UIGestureRecognizer对图像进行缩放、移动、旋转等操作
- [转]Ultra Fractal教程系列44——动画功能的使用02——制作一个缩放动画
- 使用Itext对PDF图片进行缩放和移动
- IOS版使用移动广告平台集成Google Mobile Ads SDK教程