历史版本8 :FVS组件交互属性 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

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

注:不支持移动端。

1.1 版本

报表服务器版本
JAR包插件版本功能变更
11.02021-11-15V1.0.0
-
11.02021-11-15V1.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 视频教程

[helpvideo]3709[/helpvideo]

2. 功能介绍编辑

1)选中页面上的组件,点击配置栏的「交互」按钮,可设置组件的相关交互属性:点击事件、轮播设置、监控刷新。组件类型不同支持的事件也有所不同。

2)V1.1.0 版本的插件,优化了点击事件的操作方式。

若组件类型为「场景地图、三维城市、组合图、钻取区域地图、钻取点地图、自定义钻取地图」等存在多层数据的组件。用户需要先选择事件对象,再选择事件类型。

比如用户只给场景地图的「点」设置了点击事件,没有给「柱子」设置点击事件,那么只有点击地图「点」的时候才会触发事件。

3)交互点击事件逻辑说明:

  • 交互事件名称不能为空;且当前组件的交互事件列表新增同名校验,若重名则提示「事件名称已存在,不可重名」且无法保存。

  • V1.16.0 及之后版本,所有事件均支持添加多个同类型事件;V1.16.0 版本之前,仅「组件联动、JavaScript 、三维组件动画」三种事件支持添加多个同类型事件。

  • 若添加有多个事件时,支持同时触发不同类型的事件,但「网页链接、弹出框、分页跳转」三种事件类型需选择触发,其余事件无需选择直接触发。如下图所示:

Snag_9600a34b.png

4)控件组件根据控件类型,可在「交互」面板中添加「初始化后事件、加载结束事件或点击事件」,事件设置方式均为 JavaScript 代码设置。

Snag_489757ff.png

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接口场景