1. 概述编辑
1.1 版本
报表服务器版本 | JAR包 |
---|---|
10.0 | 2018-12-27 |
注1:2018-12-27 之前的 JAR 包需要安装自适应插件
注2:本文仅适用于 PC 端,移动端自适应方法请参见:[通用]移动端自适应。
1.2 应用场景
PC 端,用户预览模板希望能够根据屏幕分辨率自适应。
1.3 功能简介
普通报表可设置表格自适应(横向自适应、双向自适应)、字体自适应。
决策报表可设置表单自适应、报表块自适应、字体自适应。
2. 普通报表编辑
2.1 设置方式
点击模板>模板自适应属性,弹出「PC端自适应属性」面板,可以选择是否「使用全局配置」。
2.1.1 使用全局配置
默认选中「使用全局配置」,用户可选择「编辑全局配置」。
则字体和表格自适应设置对设计器下所有「使用全局配置」的模板均生效。如下图所示:
2.1.2 不使用全局配置
不选中「使用全局配置」,则字体和表格自适应设置仅对当前模板生效。如下图所示:
2.2 自适应逻辑
自适应属性 | 效果 | 缩放逻辑 | 注意事项 |
---|---|---|---|
字体不自适应 | 字体大小原样输出 | - | - |
字体自适应 | 字体大小会根据浏览器的大小缩放 | 缩放比例 = 浏览器页面宽度 / 老的报表页面配置宽度 | 表格不自适应时,字体自适应不生效 |
表格不自适应 | 表格大小原样输出 | - | - |
表格横向自适应 | 模板横向充满浏览器窗口宽度 | 新页面宽度 = 浏览器宽度 新页面高度 = 浏览器页面宽度 / (老报表页面设置的宽度 / 老报表页面高度) | 横向单元格过多时, 单元格只能缩小到一定比例,横向强制分页 |
表格双向自适应 | 模板双向充满浏览器窗口大小 | 新页面宽度 = 浏览器宽度 新页面高度 = 浏览器高度 | 单元格过多时, 单元格只能缩小到一定比例,横向强制分页,纵向出现滚动条 |
注1:一定比例为 0.4,浏览器中报表的宽高 / 正文宽高 < 0.4
注2:参数界面不自适应。
3. 决策报表编辑
3.1 设置方式
点击模板>表单报表块自适应属性,弹出「PC端报表块自适应属性」面板,可以选择是否「使用全局配置」。如下图所示:
全局配置使用方式与上文一致,请参考本文 2.1 章节。
3.2 自适应逻辑
自适应属性 | 效果 | 缩放效果 | 注意事项 |
---|---|---|---|
字体不自适应 | 字体大小原样输出 | - | - |
字体自适应 | 字体大小会根据浏览器的大小缩放 | 1)表格横向自适应时: 缩放比例 =老的报表页面配置宽度和浏览器页面宽度 / 报表块内容正文宽度中的较大值 2)表格双向自适应时: 缩放比例 = 横向缩放比例 和浏览器页面高度/报表块内容正文高度的较小值 | 表格不自适应时,字体自适应不生效 报表块存在冻结时,字体自适应不生效。 注:字体自适应根据屏幕(手机、浏览器)的比例进行缩放,无法做到每个设备上预览字体大小都完全一样 |
表格不自适应 | 表格大小原样输出 | - | - |
表格默认 表格横向自适应 | 报表块内表格横向充满 | 宽度缩放比例 = 浏览器宽度/报表块内容宽度 高度缩放比例 = 宽度缩放比例 注:报表块存在冻结时,表格不自适应。 | 横向单元格过多时, 单元格只能缩小到一定比例,横向出现滚动条 |
表格双向自适应 | 报表块内表格双向充满 | 宽度缩放比例 = 浏览器宽度/报表块内容宽度 高度缩放比例 = 浏览器高度/报表块内容高度 注:报表块存在冻结时,表格不自适应。 | 单元格过多时, 单元格只能缩小到一定比例,横向出现滚动条,纵向出现滚动条 |
注1:一定比例为 0.4,浏览器中报表的宽高 / 正文宽高 < 0.4
注2:报表块存在冻结时,报表块自适应不生效。
注3:IE8 及以下版本的浏览器,不支持决策报表自适应。
注4:仅在表格默认自适应时,决策报表的懒加载逻辑方生效,其他自适应逻辑下不生效。
注5:开启字体自适应后,报表块组件和 Tab 块中的报表块,预览时字体大小不能完全保持一致。
3.3 布局方式
预览后浏览器窗口缩放,与body 布局方式 有关,如下图所示:
4. 移动端自适应编辑
本文的模板自适应属性/表单报表块属性对移动端不生效。
移动端自适应设置请参见:[通用]移动端自适应