折线预览图组件实例讲解

作者:创世魂

 

● 教程说明

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

 

● 详细例程

可打开火山安装目录下“samples\samples.vsln”解决方案。

位于“窗口及组件->图表系列组件”分类下。

 

 

一、折线预览图

 

● 准备工作

 

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

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

分别设置其高度和宽度。

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

 

● 预览颜色值(写)
● 现行视图区域(写)

 

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

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

 

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

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

 

代码编写如下图:

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

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

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

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

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

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

 

运行效果如下图(GIF):

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