历史版本7 :决策报表自适应属性 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本
11.0

1.2 应用场景

在 PC 端预览决策报表时,设置了自适应属性的模板,可自动适应不同屏幕分辨率的浏览器,进行等比例缩放,展示出与设计相符的效果。

新建决策报表时,「模板>PC端自适应属性」默认采用服务器设置,设计器默认的设置为:字体自适应、报表缩放方式双向自适应。如下图所示:

1.3 功能简介

  • 「PC端自适应属性」仅对决策报表 PC 端模板的设计和展现有影响,不作用于普通报表和移动端决策报表。

  • 支持设置字体自适应和报表缩放方式,报表包括决策报表内所有组件。

  • 报表块组件可单独设置内容显示方式」,调整表格内容的自适应显示

  • 参数界面及参数界面中的控件,保持与整个报表相同的缩放逻辑和缩放比例

  • 自适应暂未完全适配第三方插件,可将决策报表转换至旧版,在旧自适应模式下使用第三方插件。

2. PC端自适应属性编辑

2.1 整体自适应逻辑

PC端自适应属性相关设置的逻辑如下表所示:

设置项选项效果说明
字体
自适应1631084788980631.png

字体大小会随模板缩放的效果进行缩放

且字体自适应属性作用于模板中所有组件的文字

不自适应
1631084795891988.png字体按照决策报表中设置的大小原样展示,不跟随模板缩放
报表缩放方式双向自适应1631084822756440.png

模板中的所有组件同时在横向和纵向两个方向上充满浏览器窗口

且在不同屏幕分辨率下,内容都会呈现在一页中

横向自适应1631084837781045.png

模板中的所有组件横向充满浏览器窗口,高度会等比例缩放

在不同屏幕分辨率下,单页显示不全时,纵向会出现滚动条

不自适应1631084849951081.png

模板按照设计时分辨率大小,原样展示在浏览器窗

在不同屏幕分辨率下,单页显示不全时,横向或纵向会出现滚动条


2.2 报表块内容显示方式

在决策报表中,报表块编辑界面会根据组件尺寸出现黑色的边界虚线。

但是预览时,报表块的内容显示方式会根据属性面板中设置的内容显示方式」自适应

添加报表块时,默认「不自动调整」。预览时,边界线里面的内容可以正常展示在报表块区域,区域外的需要用滚动条查看,如下图所示:

1631086315391226.gif

报表块每种内容显示方式的逻辑和效果如下表所示:

注:决策报表为了自适应的效果,报表块单元格的行高列宽均改为「像素」单位,1像素 约等于 3分之一毫米。

显示方式效果说明
不自动调整1631086793624435.png

预览时报表块的内容原样输出,空白没内容的地方就是空白,超出的内容会出现横向或纵向滚动条

宽度铺满报表块
1631086800984237.png报表块内容横向铺满整个报表块区域,单元格高度会等比例缩放
双向铺满报表块1631086807704127.png报表块内容同时在横向和纵向两个方向上铺满整个报表块区域,单元格宽高等比例缩放

2.3 转换至旧版

新建决策报表之后,点击快捷工具栏的转换至旧版按钮,确认转换后即可转换为旧版决策报表。如下图所示:

旧版决策报表的自适应属性请参考 FineReport10.0 文档:决策报表布局方式 。

若是旧版决策报表在设计器打开,快捷工具栏处会显示「转换至新版」,点击按钮确认转换即可。如下图所示:

1631090453321166.png

转换时会生成一个带有_bak后缀的备份模板,这个备份模板即旧版决策报表。如下图所示:

Snag_6b2d5cd.png

2.4 修改服务器配置

模板的「PC端自适应属性」默认采用服务器设置,决策报表默认的设置为:字体自适应、报表缩放方式双向自适应。

若要修改服务器设置,可点击菜单栏「服务器>服务器配置」,选择「PC端自适应属性」进行修改。如下图所示:

Snag_7c18dc.png

3. 注意事项编辑

3.1 开发者调试预览

在制作决策报表完成后,建议先使用 开发者调试 预览模板,其预览效果是模板的初始效果。

若在开发者调试预览下效果正常,那么 PC 端预览的效果一定正常,且在不同分辨率的浏览器预览,自适应的效果也会比较好。

反之,使用 PC 端预览时效果正常,在开发者调试预览下不一定正常。