历史版本15 :FVS界面概览 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本
插件版本
功能变更
11.0V1.xV1.x 版本文档请参考：FVS界面概览历史版本
11.0.16V2.0.0「FVS大屏编辑模式」更名为「FineVis数据可视化」
11.0.16V2.1.0创建看板交互优化，详情请参见第 2 章

1.2 功能简介

本文将详细介绍 FVS 产品的界面介绍、功能概览。

1.3 视频教程

[helpvideo]3197[/helpvideo]

2. 新建可视化看板编辑

点击设计器左上角「文件>新建可视化看板」，可选择「创建空白看板」或「从模板创建看板」。

1）创建空白看板

可设置可视化看板名称和画布大小。画布大小支持常用尺寸和自定义尺寸。如下图所示：

  • 常用尺寸：包括高清屏（1280*720px）、超清屏（1920*1080px）、2k屏（2560*1440px）、超宽屏（4864*1294px）

    注：V2.1.0 及之后版本，双击尺寸区域，即可快捷创建看板。

  • 自定义尺寸：可手动输入画布的宽度和高度，单位为 px，宽高值范围为 1-50000px。

1696992713977703.png

2）从模板创建看板

新建模板时支持选择「从模板创建看板」，可选择「我的资源」或「在线资源」中的模板，点击「创建看板」创建。

详情请参见文档：FVS资源复用 。

注：V2.1.0 及之后版本，双击需要的模板，即可快捷创建看板。

Snag_6c86e822.png

3. 界面概览编辑

FVS 可视化看板的制作界面如下图所示：

1691570626886436.png

序号
名称简介
1菜单栏

在「文件」下拉列表新增「新建可视化看板」按钮，用于新建 FVS可视化看板

2文件区

文件区保存了当前 FineReport 工程下的所有模板

3数据源

可设置模板数据集和服务器数据集，并在模板中调用

4模板页签

  • 支持同时打开多个 FVS 模板

  • 点击页签最左侧 Snag_1c3631d.png 图标，可新建 FVS 模板

  • 同时打开多个 非FVS模板 和 多个FVS模板 时，两种类型的模板可在右侧角标处切换

Snag_1c1d960.png

5标题区显示当前 FVS 模板的名称
6操作栏

  • 进行动作的撤销、还原操作

  • 进行组件的组合、拆分、删除操作

  • 进行组件位置的对齐、调整层级操作

7保存预览区

用户制作完 FVS 模板后，可点击保存/预览模板

V2.1.1 及之后版本，支持通过按钮 Snag_1a3d00db.png 切换 PC端/移动端 模式，以区分功能配置和预览效果

8组件图层区

  • 显示当前选中分页下的所有组件

  • 可对组件进行重命名、删除操作

  • 可对组件层级进行拖拽调整

  • 可隐藏、锁定组件

  • 点击「9、组件列表栏」下方的按钮 Snag_11099917.png，可收起/展开组件图层区

  • 点击「图层区」右上角按钮 Snag_110b57bf.png，可改变图层区位置在画布左侧还是右侧

9组件列表栏

  • 固定展示大类图标和名称，点击大类出现具体的组件列表，选择需要的组件，添加到分页中即可编辑使用

  • 下方按钮为组件图层按钮和快捷键按钮

10画布主体区

看板的主体部分，是一块所见即所得的设计区域

  • 新增组件、调整组件都可以在不需要保存预览的情况下直接看到效果

  • 同一时间只能打开一个 FVS 模板里的一张分页的画布页面

  • 请在画布内放置组件，超出画布外的内容，在预览时无法显示

  • 画布辅助线可帮助组件对齐，详情请参见：画布辅助线 

11画布分页区

  • 一个 FVS 模板中可以包含多个分页

  • 可对多分页进行预览播放设置

12画布属性区支持修改画布大小、调整画布自适应模式、调整画布缩放大小
13配置栏

  • 未选中组件时，配置栏可以配置当前分页的背景和过渡效果等属性

  • 选中组件时，配置栏可以配置选中组件的内容、交互、动画、样式等属性。