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

目录:

1. 概述编辑

适用场景:安装了「FineVis数据可视化」插件的用户,可参考本文了解 FineVis 的相关功能。

1.1 版本

报表服务器版本
插件版本功能变更
11.0V1.x
V1.x 版本文档请参考:FVS组件交互属性历史版本
11.0.16V2.0.0
三维组件交互事件移动入口到 三维组件数据图层 中设置

1.2 功能简介

本章将简单介绍 FVS 中组件交互的相关知识。

1.3 视频教程

[helpvideo]3709[/helpvideo]

2. 功能介绍编辑

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

16371381039C3C.png

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

例如钻取地图可选择给「图形」或「钻取目录」添加事件。如下图所示:

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