折线预览图组件实例讲解

作者：创世魂

注意：本组件位于“图表类窗口组件”模块中。

一、折线预览图

打开启动类“界面设计器”，设计如下界面。

依次是“折线图1”和“折线预览图1”。

分别设置其高度和宽度。

注意：本组件继承了“折线图”的所有方法，但是主要作用是“提供预览”。

“预览颜色值(写)”帮助文档：

顾名思义，设置预览颜色值，可使用“颜色类”中定义的常量值。

“现行视图区域(写)”帮助文档：

设置现行视图区域，用于实时预览。

代码编写如下图：

在“折线图”创建代码的基础上简单修改即可。

1、在创建折线图代码尾部，设置“折线预览图1.图表数据”属性值为“折线图数据”。

即“折线图”和“折线预览图”共用同一数据。

2、设置“预览颜色值”为“黄色”。

3、设置“支持视图区域改变监听”的属性值为“真”。

4、添加“折线预览图_视图区域改变”事件，设置“折线图1.现行视图区域”属性值为“当前区域对象”参数。

运行效果如下图（GIF）：

拖动“折线预览图”中的黄色矩形，即可实时预览“折线图”局部折线的效果。