历史版本3 :FVS绝对画布 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

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

1.1 版本

报表服务器版本插件版本
11.0.22V2.2.1

1.2 功能简介

「绝对画布」容器组件相当于一块空白画布,将其他组件拖入绝对画布中,超出绝对画布部分可实现滚动预览。

支持设置「预览时置顶显示」,可实现部分区域冻结于顶部展示。效果如下图所示:

DADA5D43-54E6-450D-8903-D8044BB4E03E.GIF

注:本文仅为大家介绍「绝对画布」组件特有功能,其他属性不赘述。

组件动画请参见FVS组件动画 。

组件属性请参见:FVS组件样式属性 。

2. 添加绝对画布编辑

新建一张 FVS 可视化看板:

1696926492272814.png

点击组件区「容器>绝对画布」,将组件添加到画布中。默认显示「请将组件/组合拖入绝对画布内,添加的组件/组合可以自由布局」。

Snag_4edbdcb6.png

3. 组件移入移出绝对画布编辑

直接拖拽组件区或本页面中其他组件/组合到绝对画布上方,出现提示「释放进入绝对画布」,松开鼠标,即可将其拖入绝对画布。

  • 拖入组件时,组件大小不变。

  • 组件位置若超出绝对画布左/上边界,则组件拖入后自动对齐左/上边界;其余位置则以组件释放位置为准,支持超出绝对画布右/下边界。

  • 若组件超出绝对画布右/下边界,选中绝对画布或绝对画布内的组件,出现横向/纵向滚动条(预览时悬浮绝对画布出现),可滚动查看。

注:不支持再拖入另外的绝对画布,或包含绝对画布的轮播器/组合;不支持多选组件拖入。

如下图所示:

DA500D61-780C-400A-9EA0-7CD062B1866C.GIF

也支持在组件图层列表中,拖拽组件图层顺序移入绝对画布。如下图所示:

D3ADDEDE-3F7D-4B11-A425-6376F88FCD56.GIF

移出绝对画布包括以下三种方式:

  • 直接拖拽绝对画布内组件到绝对画布外,出现提示「释放移出绝对画布」,松开鼠标,即可将其移出绝对画布。此时移出的组件位置以释放位置为准。

  • 在组件图层列表或绝对画布列表中,直接拖拽组件图层顺序移出绝对画布。此时移出的组件位置保持不变。

  • 在绝对画布列表,悬浮组件,点击「更多>移出」即可将组件移出绝对画布。此时移出的组件默认显示在绝对画布右侧。

7E44C196-E46E-47B4-B850-6C5D588E369B.GIF

4. 绝对画布列表编辑

  • 绝对画布列表中,默认展示当前绝对画布的名称。支持隐藏、重命名、删除和锁定,与图层列表中功能一致。

  • 拖入组件或组合后,「绝对画布列表」中展示的顺序与左侧「组件图层」中展示的顺序始终保持一致。

  • 支持上下拖拽改变顺序,也可使用「调整层级」按钮改变顺序。

  • 支持对组件进行隐藏、重命名、删除、组件组合、取消组合等操作。

  • 绝对画布内的组件,可设置组件的内容、交互、组件样式等属性,不支持设置动画。

A59C9CC7-33A9-4B8E-9645-FCEDCE20E5B1.GIF

5. 预览置顶编辑

PC 端预览,支持勾选「预览时置顶显示」设置预览置顶。设置后,预览模板时,该组件滚动到顶后会置顶显示。

若有多个绝对画布设置了预览置顶,预览滚动时,则依次置顶,即同时只会有一个预览置顶生效。 如下图所示:

注:对含有网页框组件及处于轮播器内的绝对画布不生效。

D26D64CA-1A0F-457D-8A5A-BC76A348CFB2.GIF

6. 调整锁定编辑

未勾选「启用调整锁定」时,调整绝对画布大小,内部组件大小不变。

勾选「启用调整锁定」时,调整绝对画布大小,内部组件大小随之等比例变化。

如下图所示:

F4244956-B3FF-440A-852E-1FD791F476BD.GIF

7. 移动端重布局编辑

支持对绝对画布单独设置 移动端重布局 效果,开启重布局后,可设置组件间隙。

Snag_5dbe42bf.png

效果如下图所示:

Snag_5dc04277.png