1. 概述编辑
适用场景：安装了「FVS大屏编辑模式」插件的用户，可参考本文了解 FVS 模板的相关功能。
1.1 版本
| 报表服务器版本 | JAR包 | 插件版本 | 功能变更 |
|---|---|---|---|
| 11.0 | 2021-11-15 | V1.0.0 | - |
| 11.0 | 2021-11-15 | V1.1.0 | 1）新增「点击事件-弹出框」，仅支持三维城市组件 2）优化「点击事件」设置方式，新增「事件对象」选择项 |
| 11.0.2 | - | V1.2.0 | 「点击事件-弹出框」适配所有支持点击事件的组件 |
| 11.0.6 | - | V1.5.0 |
|
| 11.0.16 | - | V1.16.0 | 交互事件触发逻辑优化，详情参见第 2 章第 3）点 |
1.2 功能简介
本章将简单介绍 FVS 大屏模板中组件交互的相关知识。
1.3 视频教程
2. 功能介绍编辑
1）选中页面上的组件，点击配置栏的「交互」按钮，可设置组件的相关交互属性：点击事件、轮播设置、监控刷新。组件类型不同支持的事件也有所不同。
2）V1.1.0 版本的插件，优化了点击事件的操作方式。
若组件类型为「场景地图、三维城市、组合图、钻取区域地图、钻取点地图、自定义钻取地图」等存在多层数据的组件。用户需要先选择事件对象，再选择事件类型。
比如用户只给场景地图的「点」设置了点击事件，没有给「柱子」设置点击事件，那么只有点击地图「点」的时候才会触发事件。
3）交互点击事件逻辑说明：
交互事件名称不能为空；且当前组件的交互事件列表新增同名校验，若重名则提示「事件名称已存在，不可重名」且无法保存。
V1.16.0 及之后版本，所有事件均支持添加多个同类型事件；V1.16.0 版本之前，仅「组件联动、JavaScript 、三维组件动画」三种事件支持添加多个同类型事件。
若添加有多个事件时，支持同时触发不同类型的事件，但「网页链接、弹出框、分页跳转」三种事件类型需选择触发，其余事件无需选择直接触发。如下图所示：
4）控件组件根据控件类型，可在「交互」面板中添加「初始化后事件、加载结束事件或点击事件」，事件设置方式均为 JavaScript 代码设置。
3. 支持范围编辑
不同类型的组件，支持配置的交互属性不完全相同。
3.1 表格组件和控件组件
| 点击事件 | 初始化后事件 | 编辑结束事件 | 组件 |
|---|---|---|---|
| 支持 | 支持 | 不支持 | 单选按钮组控件、复选按钮组控件 |
| 不支持 | 支持 | 支持 | 文本框控件、日期时间控件、下拉框控件、下拉复选框控件 |
| 不支持 | 支持 | 不支持 | 表格组件 |
3.2 其他组件
| 点击事件 | 轮播设置 | 监控刷新 | 组件 |
|---|---|---|---|
支持 | 支持 | 支持 | 场景地图 |
| 支持 | 支持 但轮播无法关闭 | 支持 | 电子智慧树图、模型智慧树图 |
| 支持 | 不支持 | 支持 | 三维城市、标题组件 柱形图、堆积柱形图组件、百分比堆积柱形图、自定义柱形图、特殊图形柱形图 条形图、堆积条形图、百分比堆积条形图、自定义条形图 饼图、等弧度玫瑰图、不等弧度玫瑰图、多层饼图 折线图、堆积折线图、自定义折线图 面积图、堆积面积图、百分比堆积面积图、自定义面积图 雷达图、堆积雷达图 360度多指针仪表盘、180度多指针仪表盘 百分比圆环仪表盘、百分比刻度槽型仪表盘、试管型仪表盘 区域地图、点地图、流向地图、组合地图、热力地图 钻取区域地图、钻取点地图、自定义钻取地图 三维柱形地球、三维点地球 散点图、气泡图 矩形树图、词云图、力学气泡图、漏斗图 柱形图-折线图、柱形图-面积图、堆积柱形图-折线图、自定义组合图 甘特图、纵向框架图、横向框架图、发散框架图、箱形图 |
| 支持 | 不支持 | 不支持 | 图片组件 |
| 不支持 | 支持 轮播无法关闭 | 支持 | 轮播饼图、轮播夜光仪表盘、水球图、像素点图 轮播闪烁指标卡、轮播电子指标卡、轮播目录齿轮图 轮播三维组合地图、轮播GIS点地图 |
| 不支持 | 部分支持 仅支持轮播 不支持轮播事件 | 支持 | 轮播条形图 |
| 不支持 | 支持 | 不支持 | 轮播器组件 |
| 不支持 | 不支持 | 支持 | 弧形柱形图、粒子计数器、三维流向地球 富文本组件、网页框组件 |
| 不支持 | 不支持 | 不支持 | 时间齿轮、本地视频组件、本地监控组件 |
4. 交互示例编辑
FVS大屏模板支持的所有交互属性如下表所示：
| 交互属性 | 简介 | 示例 | |
|---|---|---|---|
| 点击事件 | 组件联动 | 添加组件联动后，可将参数传递给模板组件，实现更多数据展示效果 | FVS组件点击联动 |
| 弹出框 | 添加弹出框后，可触发对应元素的弹出框内容，实现丰富的个性化内容 | FVS点击跳出弹出框 | |
| 网页链接 | 添加网页链接后，可将参数传递给网页链接，显示不同的网页内容 | FVS点击跳转网页链接 | |
| JavaScript | 实验室功能 添加JavaScript脚本后可执行所设置的JavaScript脚本，实现丰富的个性化效果 | FVS大屏支持的JS接口场景 | |
| 播放漫游动画 | 三维城市组件和自定义模型组件设置漫游路径后，可设置播放漫游动画效果 | 三维场景漫游路径动画 | |
| 三维模型动画 | 添加三维组件动画后可触发对应三维城市组件的动画效果 | FVS三维组件动画应用实例 | |
| 分页跳转 | 添加分页跳转后可跳转到目标页面 | FVS点击切换分页 | |
| 轮播设置 | 组件联动 | 开启自动轮播后，可添加组件联动，按照轮播效果将参数传递给模板组件，实现更多数据展示效果 | - |
| 三维模型动画 | 开启自动轮播后，可添加三维城市动画，触发对应三维城市组件的动画效果 | - | |
| JavaScript | 实验室功能 开启自动轮播后，可添加JavaScript脚本，执行所设置的JavaScript脚本，实现丰富的个性化效果 | FVS大屏支持的JS接口场景 | |
| 监控刷新 | - | 可根据设置的时间定期刷新 | - |
| 初始化后事件（V1.5.0 新增） | 可设置表格/控件初始化后 JavaScript 事件 | FVS大屏支持的JS接口场景 | |
| 加载结束事件（V1.5.0 新增） | 可设置控件加载结束时的 JavaScript 事件 | FVS大屏支持的JS接口场景 | |