1. 概述编辑
适用场景:安装了「FVS大屏编辑模式」插件的用户,可参考本文了解 FVS 模板的相关功能。
1.1 版本
报表服务器版本 | JAR包 | FVS大屏编辑模式(beta版)版本 |
---|---|---|
11.0 | 2021-11-15 | V1.0.0 |
1.2 功能简介
部分FVS组件支持通过点击操作,传递参数以联动其他组件。支持联动单个组件或全局组件。如下图所示:
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=华东」被传递给柱形图,柱形图中只展示华东地区的销售情况,其他组件均不变。如下图所示:
5. 示例二:点击联动全局组件编辑
请先按照第三章完成基础模板制作,再基于基础模板进行本章操作。
5.1 添加标题组件
在「页面1」,用户选择组件区「文字>标题」,点击添加到页面中。
选中组件,在配置区设置组件「内容」,设置标题内容为「点击联动全局组件」。如下图所示:
5.2 添加点击事件
选中标题组件,点击「交互>点击事件」,选择「添加点击事件>组件联动」。
事件名称为「点击联动全局组件」,联动范围选择「全局联动」。
参数名称为「area」,参数类型选择「自定义内容」,参数内容为「华北」。
如下图所示:
5.3 效果预览
保存模板,点击「预览」。
当点击标题「点击联动全局组件」时,参数「area=华北」被传递给该模板中所有页面的所有组件,条形图、饼图、柱形图均只展示华北地区的销售情况。如下图所示:
点击前:
点击后:
6. 已完成模板编辑
已完成模板请参见:FVS组件联动示例.fvs