历史版本18 :FineVis数据可视化简介 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本
JAR包插件版本
11.02021-11-15V1.0.0

1.2 功能简介

FVS 是专为大屏可视化场景打造的产品,专注于大屏场景,用更便捷、更专业的产品方式满足大屏场景客户的需求。

FVS 是 FineReport 产品体系中的一部分,基于 FineReport 设计器开发,以 FineReport 插件的形式交付。

FVS 应用了 B/S 端的技术,让大屏开发兼具 B/S 端开发的便捷性、高效率和 C/S 端开发的安全性、稳定性。

本文将为大家简单介绍 FVS 大屏模板的制作优势和功能亮点。

插件安装、配置要求请参考文档:FVS插件安装及配置要求 。

注:使用该插件需要在 FineReprt 的 License 注册中购买对应的功能。详情请咨询销售顾问。

1.3 学习资源

点击 FVS基础教学课程 ,可跳转到帆软学院学习 FVS 相关基础操作和部分应用场景。

点击 FineReport大屏展现系统 (目录:FVS大屏编辑模式插件)可在线体验用 FVS 制作的 demo 。

点击 模板商城 (模板>FVS 大屏),可下载 demo 到设计器中打开查看制作详情(需先安装插件)。

点击 FineVis模型库 ,可下载模型后通过「三维城市组件」或「自定义模型组件」上传自定义模型使用。

2. 三维组件触手可得编辑

2.1 一键生成三维城市

通过FVS大屏件中的「三维城市」组件,只需一键导入城市的建筑地图数据,即可在产品中生成3D模型。如下图所示:

导入geojson.gif

2.2 一键导入自定义模型

「三维城市」组件支持用户自定义导入模型文件,可以在产品中设置数据标签和交互效果,智慧园区、车间监控等场景也触手可及。

自定义模型.gif

2.3 一键集成 Unity 模型

Unity 组件支持导入、编辑、保存及预览 Unity 资源,以实现更丰富的三维效果。

1659086673857129.gif

3. 分页设计推陈出新编辑

3.1 多分页故事大屏

当一个页面容纳不了所有大屏内容,需要做多张子主题的模板时,工作量让许多用户望而却步。
FVS大屏模板支持在一个模板中新建多个页面,页面间内容可以快速复用。

多分页大屏.gif

3.2 分页平滑过渡

当两个模板页面之间切换时,载入的瞬间总是略显尴尬。
FVS大屏模板支持对两个分页之间设置「平滑过渡」效果,相同的背景图不需要重新加载、相同的组件不要重新载入,而是以形状变化或淡入淡出地形式切换,让轮播切换体验更顺滑。

1634293254251800.gif

4. 模板制作省心省力编辑

4.1 所见即所得

FVS大屏编辑模式,是基于 B/S 端技术的开发模式,内置数十种适合大屏的图表类型和样式,无需设置数据,仅拖拽组件即可绘制一幅大屏蓝图。

快速绘制蓝图 (1).gif

FVS大屏体现了真正的「所见即所得」编辑,任何细节调整都在编辑器中实时展现,无需频繁保存、预览。

细节调整 (1).gif

支持多个组件成组拖拽、复制粘贴、一键对齐和组件层级调整,含有大量组件的大屏模板,也瞬间变得简单起来。

组合并一键对齐.gif

4.2 自适应效果

FVS大屏模板支持自动、宽度铺满、高度铺满、双向铺满和无 5 种自适应模式,全方位满足多屏自适应需求。

6FCEF4EF-77EF-499B-8275-F8ECFCD2C3B7.GIF

4.3 资源复用

FVS大屏模板提供「FVS资源中心」,包括模板、组件、图片、视频四大类型资源复用,让 UI 设计变得易如反掌。

1676858889446977.png

FVS大屏模板支持点九图填充图片,以确保图片不变形,根治素材用不了的问题。

点九图.png

4.4 多组件类型

FVS大屏模板支持六大类组件:三维组件、图表、文字、媒体、容器、控件

  • 内置所有 FR 基础图表和扩展图表,并保留所有图表已有的功能。

  • 内置标题、富文本、图片和 cpt表格组件,各司其职。

  • 内置实时三维模型导入、实时监控视频等大屏常用的特定功能。

  • 内置网页框、富文本和轮播组件,以满足模板通用功能。

  • 内置常用控件,以满足参数过滤筛选、联动组件等功能。

Snag_38af02b9.png

5. 离屏控制助力演示汇报编辑

离屏控制是一种远程操控 FVS 大屏的方式,通过手机、平板等移动设备扫描专为离屏控制提供的二维码,实时捕获屏幕画面,轻松操控FVS大屏。

离屏控制适用于大屏参观、演讲汇报、解说演示等场景,讲解员不用再通过电脑操控,手持可触屏移动设备即可实现控制屏幕。

离屏控制演示-改.gif