1. 概述
1.1 版本
报表服务器版本 | App 版本 | HTML5 移动端展现插件版本 |
---|---|---|
11.0 | V11.0 | V11.0 |
1.2 功能简介
移动端查看模板时:
普通报表、决策报表中的报表块、FVS 中的表格支持滑动查看。
普通报表、决策报表中的报表块、FVS 中的表格支持手势缩放。
App 支持左侧右滑、右侧左滑退出。
决策报表中的组件支持组件激活。
支持切换横屏。
决策报表中的组件支持全屏。
普通报表、决策报表的报表块、FVS 的表格支持分页,FVS 还支持多分页。
图表支持排序。
2. 滑动查看
普通报表的菜单栏「模板>移动端属性>自适应」横屏、竖屏设置为横向自适应、纵向自适应或不适应,报表过宽或过高时,用户可通过上下左右滑动进行查看。移动端预览模板,以 App 为例,如下图所示:
App 为例,如下图所示:
移动端预览模板,以
FVS 中表格的「内容>内容自适应方式」选择 高度铺满 、宽度铺满 或 无 ,表格内容过宽或过高时,用户可通过上下左右滑动进行查看。移动端预览模板,以 App 为例,如下图所示:
3. 手势缩放
3.1 普通报表
1)打开一张普通报表,点击菜单栏「模板>移动端属性」,勾选「允许双击/双指缩放」,点击「确定」,如下图所示:
2)移动端预览模板,用户可双击/双指缩放模板,以 App 为例,如下图所示:
3.2 决策报表
注1:决策报表仅支持双指缩放,不支持双击缩放,且双指缩放仅对报表块有效,图表交互使用自带的交互按钮。
注2:若报表块的移动端面板勾选了「组件可选中」,则在移动端预览时需要先点击激活组件,双指缩放才有效果。
3.2.1 勾选「允许双击/双指缩放」
1)打开一张含有报表块的决策报表,点击菜单栏「模板>移动端属性」,勾选「允许双击/双指缩放」,点击「确定」,如下图所示:
2)移动端预览模板,用户可双指缩放报表块,以 App 为例,如下图所示:
3.2.2 取消勾选「允许双击/双指缩放」
取消勾选「允许双击/双指缩放时」,全屏显示的报表块,仍然支持双指缩放,分为以下三种情况:
报表块全屏显示后,支持双指缩放,移动端预览模板,以 App 为例,如下图所示:
body 勾选「手机重布局」,无论报表块移动端面板是否勾选「允许全屏」,App 中横屏预览模板时,报表块组件都默认全屏,故支持双指缩放,如下图所示:
注:body 勾选「手机重布局」,报表块移动端面板不勾选「允许全屏」,HTML5 端横屏预览模板时,报表块组件无法全屏,不支持双指缩放。
决策报表中只存在单个报表块时,报表块为全屏显示,故支持双指缩放,移动端预览模板,以 App 为例,如下图所示:
3.3 FVS
注:FVS 表格组件支持双指缩放,但是不支持双击缩放。其余所有组件均不支持双击/双指缩放。
打开一张含有表格组件的 FVS 模板,表格支持双指缩放。移动端预览模板,以 App 为例,如下图所示:
4. 左侧右滑、右侧左滑退出
App 支持左侧右滑或右侧左滑手势退出,手指贴着左侧边,向右滑动或手指贴着右侧边,向左滑动即可退出当前界面,如下图所示:
5. 组件激活
手机点击组件,即可实现组件激活,激活以后组件向上下延伸,组件有阴影效果,如下图所示:
注1:「单个/全局组件选中激活」功能设置与具体效果,详情参见:[通用]组件选中激活 。
注2:body 勾选「手机重布局」并横屏显示时,组件默认处于激活状态。
6. 切换横屏
注:横屏切换逻辑,详情参见:移动端模板横屏显示 。
6.1 普通报表
移动端预览普通报表模板,切换横屏,以 App 为例,如下图所示:
6.2 决策报表
6.2.1 重布局
注1:决策报表重布局,APP 中横屏显示时,无论是否设置「允许全屏」,组件都默认全屏,不显示全屏按钮。
注2:决策报表重布局,APP 中横屏显示时,显示左右切换组件按钮,支持左右切换组件。
重布局,HTML5 端预览决策报表模板,切换横屏,如下图所示:
注1:决策报表重布局,HTML5 端横屏显示时,若设置了「允许全屏」,则依旧显示全屏按钮。
注2:决策报表重布局,HTML5 端横屏显示时,不显示左右切换组件按钮,不支持左右切换组件。
6.2.2 保留布局
保留布局,移动端预览决策报表模板,切换横屏,以 App 为例,如下图所示:
6.3 FVS
6.3.1 移动端布局
开启移动端布局,移动端预览 FVS 模板,切换横屏,以 App 为例,如下图所示:
6.3.2 保留布局
保留布局,移动端预览 FVS 模板,切换横屏,以 App 为例,如下图所示:
7. 组件全屏
决策报表中,组件全屏需选中组件,在移动端面板中勾选「允许全屏」,设置后,App 查看模板,全屏按钮悬浮在组件右上角,如下图所示:
注1:更多组件全屏设置,详情参见:[通用]组件全屏开关控制 。
注2:组件全屏按钮支持自定义大小及样式,详情参见:全屏按钮设置 。
动态效果如下图所示:
8. 翻页
8.1 普通报表
1)普通报表分页时,翻页按钮位于底部工具栏左侧,如下图所示:
2)用户可选择指定页,或上下翻页,如下图所示:
8.2 决策报表
8.2.1 底部工具栏左侧
决策报表的报表块分页时,以下情况,翻页按钮位于底部工具栏左侧:
决策报表 body 中只有一个报表块组件。
决策报表 body 中只有一个绝对画布块或一个Tab块,且其中只有一个报表块组件。
全屏下的报表块。
勾选「手机重布局」时 App 中横屏显示下的报表块。
8.2.2 报表块右上角
其余情况下的决策报表报表块分页时,翻页按钮位于报表块右上角,如下图所示:
注1:决策报表中报表块分页时,无论翻页按钮在底部工具栏左侧还是报表块右上角,都支持选择指定页,或上下翻页,与普通报表选择指定页、上下翻页操作相同。
注2:若用户同时设置了「全屏按钮」和「翻页按钮」,两者重合,点击时优先触发「全屏按钮」。
8.3 FVS
8.3.1 多分页
1)FVS 设置多分页,例如,有两个分页,如下图所示:
2)移动端预览模板,以 App 为例,翻页按钮位于底部工具栏左侧,支持上下翻页或选择指定页,如下图所示:
8.3.2 表格分页
1)打开一张含有表格组件的 FVS 模板,选中表格组件,在移动端模式下,可在右侧表格工具栏中勾选「分页按钮」。
2)勾选「分页按钮」后,出现「工具栏位置」、「工具栏背景」、「按钮风格」设置,如下图所示:
注:目前,仅「工具栏位置」对移动端生效,「工具栏背景」、「按钮风格」对移动端暂不生效。
3)移动端预览模板,以 App 为例,如下图所示:
注:FVS 表格翻页按钮支持选择指定页,或上下翻页,与普通报表选择指定页、上下翻页操作相同。
9. 图表排序
9.1 普通报表
1)打开一张含有图表的普通报表模板,选中图表,点击右侧属性面板的「单元格元素」。
2)点击「特效>交互属性」,勾选「排序」,如下图所示:
3)移动端预览模板,以 App 为例,图表块的右上角出现「排序」按钮,点击后即可排序并增加「刷新」按钮,如下图所示:
注1:图表排序规则,详情参见:图表排序规则 。
注2:「刷新」按钮的作用是对图表块进行还原。
9.2 决策报表
1)打开一张含有图表的决策报表模板,点击右侧的「组件设置」,选中图表。
2)点击「特效>交互属性」,勾选「排序」,如下图所示:
3)移动端预览模板,以 App 为例,点击图表块右上角「全屏」按钮,图表块全屏后,在底部工具栏左侧出现「排序」按钮,点击后即可排序并增加「刷新」按钮,如下图所示:
注1:移动端预览决策报表模板时,图表块右上角的「全屏」按钮需在「组件设置>图表块>移动端」中勾选「允许全屏」。
注2:图表排序规则,详情参见:图表排序规则 。
注3:「刷新」按钮的作用是对图表块进行还原。
9.3 FVS
1)打开一张含有图表的 FVS 模板,选中图表,点击右侧的「内容>特效>交互属性」,勾选「排序」,如下图所示:
2)移动端预览模板,以 App 为例,图表块的右上角出现「排序」按钮,点击后即可排序并增加「刷新」按钮,如下图所示:
注1:图表排序规则,详情参见:图表排序规则 。
注2:「刷新」按钮的作用是对图表块进行还原。