1. 概述编辑
适用场景:安装了「FineVis数据可视化」插件的用户,可参考本文了解 FineVis 的相关功能。
1.1 版本
报表服务器版本 | 插件版本 | 功能变更 |
---|---|---|
11.0 | V1.x | V1.x 版本文档请参考:FVS组件交互属性历史版本 |
11.0.16 | V2.0.0 | 三维组件交互事件移动入口到 三维组件数据图层 中设置 |
1.2 功能简介
本章将简单介绍 FVS 中组件交互的相关知识。
1.3 视频教程
2. 功能介绍编辑
1)选中页面上的组件,点击配置栏的「交互」按钮,可设置组件的相关交互属性:点击事件、轮播设置、监控刷新。组件类型不同支持的事件也有所不同。
2)若组件类型为「场景地图、组合图、钻取区域地图、钻取点地图、自定义钻取地图」等存在多层数据的组件。用户需要先选择事件对象,再选择事件类型。
例如钻取地图可选择给「图形」或「钻取目录」添加事件。如下图所示:
3)交互点击事件逻辑说明:
交互事件名称不能为空;且当前组件的交互事件列表新增同名校验,若重名则提示「事件名称已存在,不可重名」且无法保存。
V1.16.0 及之后版本,所有事件均支持添加多个同类型事件;V1.16.0 版本之前,仅「组件联动、JavaScript 、三维组件动画」三种事件支持添加多个同类型事件。
若添加有多个事件时,支持同时触发不同类型的事件,但「网页链接、弹出框、分页跳转」三种事件类型需选择触发,其余事件无需选择直接触发。如下图所示:
4)控件组件根据控件类型,可在「交互」面板中添加「初始化后事件、加载结束事件或点击事件」,事件设置方式均为 JavaScript 代码设置。
3. 支持范围编辑
不同类型的组件,支持配置的交互属性不完全相同。
3.1 表格组件和控件组件
点击事件 | 初始化后事件 | 编辑结束事件 | 组件 |
---|---|---|---|
支持 | 支持 | 不支持 | 单选按钮组控件、复选按钮组控件 |
不支持 | 支持 | 支持 | 文本框控件、日期时间控件、下拉框控件、下拉复选框控件 |
不支持 | 支持 | 不支持 | 表格组件 |
3.2 其他组件
点击事件 | 轮播设置 | 监控刷新 | 组件 |
---|---|---|---|
支持 | 支持 | 支持 | 场景地图 |
支持 | 支持 但轮播无法关闭 | 支持 | 电子智慧树图、模型智慧树图 |
支持 | 不支持 | 支持 | 三维城市场景组件、三维自定义场景组件、标题组件 柱形图、堆积柱形图组件、百分比堆积柱形图、自定义柱形图、特殊图形柱形图 条形图、堆积条形图、百分比堆积条形图、自定义条形图 饼图、等弧度玫瑰图、不等弧度玫瑰图、多层饼图 折线图、堆积折线图、自定义折线图 面积图、堆积面积图、百分比堆积面积图、自定义面积图 雷达图、堆积雷达图 360度多指针仪表盘、180度多指针仪表盘 百分比圆环仪表盘、百分比刻度槽型仪表盘、试管型仪表盘 区域地图、点地图、流向地图、组合地图、热力地图 钻取区域地图、钻取点地图、自定义钻取地图 三维柱形地球、三维点地球 散点图、气泡图 矩形树图、词云图、力学气泡图、漏斗图 柱形图-折线图、柱形图-面积图、堆积柱形图-折线图、自定义组合图 甘特图、纵向框架图、横向框架图、发散框架图、箱形图 |
支持 | 不支持 | 不支持 | 图片组件 |
不支持 | 支持 轮播无法关闭 | 支持 | 轮播饼图、轮播夜光仪表盘、水球图、像素点图 轮播闪烁指标卡、轮播电子指标卡、轮播目录齿轮图 轮播三维组合地图、轮播GIS点地图 |
不支持 | 部分支持 仅支持轮播 不支持轮播事件 | 支持 | 轮播条形图 |
不支持 | 支持 | 不支持 | 轮播器组件 |
不支持 | 不支持 | 支持 | 弧形柱形图、粒子计数器、三维流向地球 富文本组件、网页框组件 |
不支持 | 不支持 | 不支持 | 时间齿轮、本地视频组件、本地监控组件 |
4. 交互示例编辑
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接口场景 |