反馈已提交

网络繁忙

FVS分页属性

  • 文档创建者:Alicehyy
  • 历史版本:26
  • 最近更新:Alicehyy 于 2024-08-23
  • 1. 概述

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

    1.1 版本

    报表服务器版本
    插件版本功能变动
    11.0V1.x
    V1.x 版本文档请参考:FVS分页属性历史版本
    11.0.16V2.0.0
    • 页面背景新增「三维背景」,详情可参见文档 FVS三维背景应用

    • 预览时左下角切换按钮处新增「页面导航」按钮,可快速切页

    11.0.16V2.0.1分页复制粘贴操作优化,提升交互体验。详情参见 2.1 节
    11.0.22V2.1.1支持设置预览时分页隐藏,详情参见 2.6 节

    1.2 功能简介

    一张 FineVis 可视化看板,就是一张画布。一张画布中有多个分页。每个分页中有多个组件。本文主要介绍分页的各个属性。

    注:分页加载逻辑为懒加载,切换分页时才加载新分页的内容。

    如下图所示:

    1.3 视频教程

    2. 功能介绍

    2.1 分页基础操作

    1)在画布下方,点击「收起分页/展开分页」,可以展开/收起分页操作区,默认展开。

    BC21816E-4DF3-4F76-9B45-92043934F2DF.GIF

    2)点击「+新建页面」,可在所有页面后新增一个空白页面。

    290AF4A2-81A7-42BE-A0C7-2C9218616F7E.GIF

    3)鼠标右键单击页面,键出操作面板,支持新建页面、复制页面、粘贴页面、删除页面。

    • 初始未复制页面时,「粘贴页面」置灰,不可粘贴

    • 粘贴的页面默认在右键单击的页面之后

    • 仅有一个页面时,「删除页面」置灰不可用

    26765EC8-571D-4429-9B26-6303342B675A.GIF

    4)鼠标右键单击分页区域空白处,键出操作面板,支持新建页面、粘贴页面,新建或粘贴的页面在鼠标位置插入。

    • 初始未复制页面时,粘贴页面置灰,不可粘贴

    F9CE520C-6691-494B-B169-75E354B41603.GIF

    5)支持跨模板复制粘贴分页,若不同模板画布尺寸不一致,粘贴时保持组件大小不变,从当前模板页面左上角开始粘贴,超出分页尺寸的组件则超出画布粘贴。

    9DD045F9-D2CC-4868-ACB4-2A586AAF9E41.GIF

    6)按住页面左右拖拽,可调整页面顺序。

    E9ACC1E9-1ABF-454F-BE17-D6729C366FE7.GIF

    2.2 页面名称

    选中页面,点击右上角配置栏中的「页面」,可手动修改页面名称。如下图所示:

    Snag_2ad95598.png

    2.3 页面背景

    页面背景支持五种配置方式:无、颜色、我的资源、自定义上传、三维背景 。

    注1:页面背景的配置,仅对选中页生效,对当前画布中的其他页面无影响。

    注2:若页面背景使用了带透明度的颜色或图片,预览全屏时,页面背景会显示出黑色背景底色。

    2.3.1 颜色

    选择页面背景为颜色时,可以点击色块选择颜色,也可手动输入色值。如下图所示:

    Snag_5beb6e.png

    2.3.2 我的资源

    1)「我的资源」中的素材来自 FVS资源中心 ,默认已筛选标签为「背景」的素材。如下图所示:

    674B34FA-BFD3-442A-8CAB-E74B6ECB7E4B.GIF

    2)选择素材后,可设置 素材填充方式 和色相。若选择的图片设置了「点九图填充」,则填充方式可选择「普通填充」或「点九图填充」;若图片未设置「点九图填充」,仅支持选择普通填充的三种效果。如下图所示:

    Snag_68305d.png

    2.3.3 自定义上传

    1)选择「自定义上传」方式后,点击「选择」,点击「+上传图片」,即可选择本地图片文件并上传。

    2)支持上传的文件格式包括 jpg、jpeg、png、apng、gif 和 webp 。

    3)上传后,选中图片时将鼠标悬浮于图片,可设置「点九图填充」。

    4)选择图片后,同样支持设置填充方式和色相。如下图所示:

    A6DDB56A-9B8D-423C-82F5-0B36EBA7CDCC.GIF

    2.3.4 三维背景

    三维背景常应用于多个分页需要相同三维模型的场景,以提升模板制作效率,便于模板的后续维护。

    功能详细说明及应用请参考文档:FVS三维背景应用

    Snag_31aecbb.png

    2.4 分页过渡

    提供「平滑过渡」功能。开启「平滑过渡」按钮后,如果上一页与当前页存在「名称相同的组件」,转场动效将有移动转场效果,上一页中该组件的「退出动效」将失效。

    详情请参见:FVS分页平滑过渡 。

    2021-10-11_14-34-56.gif

    1633937914bDM1.png

    2.5 预览播放设置

    当模板中存在多个页面时,用户可在分页区为模板进行「预览播放设置」,如下图所示:

    注:「预览播放设置」只在“当前可预览页面数量”大于 1 时生效。

    Snag_e250cd69.png

    设置项说明如下:

    设置项说明
    自动切换页面默认不勾选,勾选后可设置页面切换间隔时

    对模板整体生效,不支持自定义分页间不同的间隔时间

    V2.4.0 及之后版本可使用接口 pauseRollPlaycontinueRollPlay 实现暂停继续页面切换

    循环播放页面

    默认勾选,勾选后预览时支持从最后一页循环切换到第一页

    不勾选则只能按照从前往后/从后往前切换

    显示切换按钮

    默认勾选,勾选后预览时模板左下角显示切换按钮

    不勾选则默认隐藏,鼠标悬浮左下角时出现

    可使用接口 setPageButtonDisplayPolicy 实现永久隐藏左下角切换按钮

    预览时按钮显示在左下角,从左到右依次为上一页、暂停/继续、下一页、页面导航,说明如下:

    按钮
    说明
    上一页

    点击切换到上一页,勾选了「循环播放页面」时,可从第一页切换到最后一页,否则第一页该按钮灰化

    暂停/继续仅当勾选了「自动切换页面」时出现,点击暂停自动切换,再次点击或切页后恢复自动切换
    下一页点击切换到下一页,勾选了「循环播放页面」时,可从最后一页切换到第一页,否则最后一页该按钮灰化
    页面导航

    鼠标悬浮页面导航按钮,按页面顺序展示「页面序号:页面名称」,点击即可切换到对应页面

    • 导航栏宽度由最长的页面名称决定,上限为 200px ,超出上限则省略号显示

    • 导航栏高度由页面数量决定,上限为 9 个页面,超出上限用滚动条显示

    效果如下图所示:

    注:预览模板总是默认从第一个页面开始,不支持自定义开始的页面。

    E8C6D697-717D-48A9-83C7-022AB692D717.GIF

    2.6 预览时隐藏分页

    V2.1.1 及之后版本,可设置分页在预览时显示或隐藏,预览时隐藏不影响设计器内编辑操作。

    • 有多个分页时,鼠标悬浮分页区页面,默认页面显示,右上角出现「预览时显示」图标,点击后变为「预览时隐藏」固定显示于右上角,再次点击恢复「预览时显示」。

    • 若仅有一个分页,或当前可预览页面仅剩下一页时,悬浮于分页区页面不再出现图标。

     9767213E-7FE6-4F30-8E4F-589D1E49F66F.GIF

    隐藏后,预览时页面导航中也不显示该页。例如隐藏「页面1」效果如下:

    Snag_ad73af.png

    另外,也支持通过接口 showStoryhideStory 实现分页的显示隐藏。效果如下图所示:

    E2FE0B7C-3576-4215-902C-6F0CADA28BA2.GIF


    附件列表


    主题: FineVis数据可视化
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭



    AI

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持