1. 概述
适用场景:安装了「FineVis数据可视化」插件的用户,可参考本文了解 FineVis 的相关功能。
1.1 版本
报表服务器版本 | 插件版本 |
---|---|
11.0.22 | V2.2.1 |
1.2 功能简介
「绝对画布」容器组件相当于一块空白画布,将其他组件拖入绝对画布中,超出绝对画布部分可实现滚动预览。
支持设置「预览时置顶显示」,可实现部分区域冻结于顶部展示。效果如下图所示:
注:本文仅为大家介绍「绝对画布」组件特有功能,其他属性不赘述。
组件动画请参见:FVS组件动画 。
组件属性请参见:FVS组件样式属性 。
2. 添加绝对画布
新建一张 FVS 可视化看板:
点击组件区「容器>绝对画布」,将组件添加到画布中。默认显示「请将组件/组合拖入绝对画布内,添加的组件/组合可以自由布局」。
3. 组件移入移出绝对画布
直接拖拽组件区或本页面中其他组件/组合到绝对画布上方,出现提示「释放进入绝对画布」,松开鼠标,即可将其拖入绝对画布。
拖入组件时,组件大小不变。
组件位置若超出绝对画布左/上边界,则组件拖入后自动对齐左/上边界;其余位置则以组件释放位置为准,支持超出绝对画布右/下边界。
若组件超出绝对画布右/下边界,选中绝对画布或绝对画布内的组件,出现横向/纵向滚动条(预览时悬浮绝对画布出现),可滚动查看。
注:不支持再拖入另外的绝对画布,或包含绝对画布的 Tab组件/组合。
如下图所示:
也支持在组件图层列表中,拖拽组件图层顺序移入绝对画布。如下图所示:
移出绝对画布包括以下三种方式:
直接拖拽绝对画布内组件到绝对画布外,出现提示「释放移出绝对画布」,松开鼠标,即可将其移出绝对画布。此时移出的组件位置以释放位置为准。
在组件图层列表或绝对画布列表中,直接拖拽组件图层顺序移出绝对画布。此时移出的组件位置保持不变。
在绝对画布列表,悬浮组件,点击「更多>移出」即可将组件移出绝对画布。此时移出的组件默认显示在绝对画布右侧。
4. 绝对画布列表
绝对画布列表中,默认展示当前绝对画布的名称。支持隐藏、重命名、删除和锁定,与图层列表中功能一致。
拖入组件或组合后,「绝对画布列表」中展示的顺序与左侧「组件图层」中展示的顺序始终保持一致。
支持上下拖拽改变顺序,也可使用「调整层级」按钮改变顺序。
支持对组件进行隐藏、重命名、删除、组件组合、取消组合等操作。
绝对画布内的组件,可设置组件的内容、交互、组件样式等属性,不支持设置动画。
5. 预览置顶
PC 端/移动端预览,支持勾选「预览时置顶显示」设置预览置顶。设置后,预览模板时,该组件滚动到顶后会置顶显示。
若有多个绝对画布设置了预览置顶,预览滚动时,则依次置顶,即同时只会有一个预览置顶生效。 如下图所示:
注:对含有网页框组件及处于 Tab组件 内的绝对画布不生效。
6. 调整锁定
未勾选「启用调整锁定」时,调整绝对画布大小,内部组件大小不变。
勾选「启用调整锁定」时,调整绝对画布大小,内部组件大小随之等比例变化。
如下图所示:
7. 移动端布局
支持对绝对画布单独设置 移动端布局 效果,开启重布局后,可设置组件间隙。
效果如下图所示: