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

目录:

1. 概述编辑

1.1 版本

报表服务器版本
插件版本
功能变更
11.0V1.xV1.x 版本文档请参考:FVS界面概览历史版本
11.0.16V2.0.0FVS大屏编辑模式」更名为「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配置栏
  • 未选中组件时,配置栏可以配置当前分页的背景和过渡效果等属性

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