历史版本4 :FVS点击联动组件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

适用场景:安装了「FVS大屏编辑模式」插件的用户,可参考本文了解 FVS 模板的相关功能。

注:不支持移动端。

1.1 版本

报表服务器版本
JAR包插件版本
11.02021-11-15V1.0.0

1.2 功能简介

部分FVS组件支持通过点击操作,传递参数以联动其他组件。支持联动单个组件或全局组件。如下图所示:

shil.gif

2. 功能简介编辑

2.1 功能入口

选中组件,点击「交互>点击事件」,选择「添加点击事件>组件联动」。即可添加一个点击联动组件事件,如下图所示:

设置项简介
事件名称支持自定义输入事件名称
联动范围

1)全局联动:点击行为对整个模板生效,传递参数给模板中每一个组件

2)指定对象:点击行为对选定组件生效,会传递参数给选定组件,其他组件和页面不受影响

联动对象

仅当联动范围为「指定组件」时出现该选项

选择范围为该组件同页面下的其他组件,支持多选

参数名称

参数类型

参数内容

支持添加参数

参数类型支持三种:

1)当前组件字段:参数内容可与组件内容相结合,例如地图区域名,柱形图系列名称等

2)自定义公式编辑:参数支持使用公式输入

3)自定义内容:参数支持直接填写文本

2.2 适用范围

以下组件不支持FVS组件框架交互属性。无法设置点击事件联动其他组件:

轮播饼图、轮播夜光仪表盘、水球图、像素点图、轮播闪烁指标卡、轮播电子指标卡

轮播目录齿轮图、轮播三维组合地图、轮播GIS点地图、轮播条形图、轮播器组件

弧形柱形图、粒子计数器、三维流向地球、时间齿轮

富文本组件、表格组件、网页框组件、本地视频组件、本地监控组件

3. 准备模板编辑

注:安装了「FVS大屏编辑模式」插件的用户,方可参考本文学习。

3.1 新建大屏模板

用户点击菜单栏「文件>新建大屏模板」,设置大屏模板名称为「FVS组件联动示例」,点击「确定」,如下图所示:

通过点击分页区的「+点击新建页面」,新增「页面2」,如下图所示:

3.2 新建数据集

用户新建数据库查询「ds1」,SQL语句:SELECT * FROM 销量 where 1=1  ${if(len(area) == 0,"","and 地区 in ('" + area + "')")}

如下图所示:

3.3 新增柱形图组件

在「页面1」,用户选择组件区「图表>柱形图类>柱形图」,点击添加到页面中。

选中组件,在配置区设置组件「内容>数据」,设置数据集为「ds1」,分类为「销售员」,系列字段名为「销量」。如下图所示:

3.4 新增饼图组件

在「页面1」,用户选择组件区「图表>饼图类>饼形图」,点击添加到页面中。

选中组件,在配置区设置组件「内容>数据」,设置数据集为「ds1」,分类为「无」,系列名为「产品」,值为「销量」。如下图所示:

3.5 新增条形图组件

在「页面2」,用户选择组件区「图表>条形图类>条形图」,点击添加到页面中。

选中组件,在配置区设置组件「内容>数据」,设置数据集为「ds1」,分类为「产品」,系列字段名为「销量」。如下图所示:

3.6 效果预览

所有页面中的组件,均按照参数为空显示全部,如下图所示:

4. 示例一:点击联动指定组件编辑

请先按照第三章完成基础模板制作,再基于基础模板进行本章操作。

4.1 添加标题组件

在「页面1」,用户选择组件区「文字>标题」,点击添加到页面中。

选中组件,在配置区设置组件「内容」,设置标题内容为「点击联动指定组件」。如下图所示:

4.2 添加点击事件

选中标题组件,点击「交互>点击事件」,选择「添加点击事件>组件联动」。

事件名称为「点击联动柱形图」,联动范围选择「指定对象」,联动对象选择「页面1_柱形图1」。

参数名称为「area」,参数类型选择「自定义内容」,参数内容为「华东」。

如下图所示:

4.3 效果预览

保存模板,点击「预览」。

当点击标题「点击联动指定组件」时,参数「area=华东」被传递给柱形图,柱形图中只展示华东地区的销售情况,其他组件均不变。如下图所示:

联动指定.gif

5. 示例二:点击联动全局组件编辑

请先按照第三章完成基础模板制作,再基于基础模板进行本章操作。

5.1 添加标题组件

在「页面1」,用户选择组件区「文字>标题」,点击添加到页面中。

选中组件,在配置区设置组件「内容」,设置标题内容为「点击联动全局组件」。如下图所示:

5.2 添加点击事件

选中标题组件,点击「交互>点击事件」,选择「添加点击事件>组件联动」。

事件名称为「点击联动全局组件」,联动范围选择「全局联动」。

参数名称为「area」,参数类型选择「自定义内容」,参数内容为「华北」。

如下图所示:

5.3 效果预览

保存模板,点击「预览」。

当点击标题「点击联动全局组件」时,参数「area=华北」被传递给该模板中所有页面的所有组件,条形图、饼图、柱形图均只展示华北地区的销售情况。如下图所示:

点击前:

点击后:

6. 已完成模板编辑

已完成模板请参见:FVS组件联动示例.fvs