1. 概述
1.1 视频学习
刚接触决策报表的用户可以结合视频一起学习哦:
1.2 版本说明
报表服务器版本 | 功能变动 |
---|---|
10.0.9 | 决策报表设计界面允许缩放 |
1.3 应用场景
决策报表是 finereport 设计器支持的 模板设计类型 其中之一。相比较普通报表和聚合报表,决策报表包含二者所拥有的基础组件,同时组件添加更自由化,允许用户根据自己的需求构建报表的框架,在报表中添加丰富的元素。
由于决策报表自由灵活的设计风格,可以说其专为大屏和移动端而生,用户通过简单的拖拽操作即可制作画面美观、内容丰富的管理驾驶舱,制作在手机、平板等移动设备端查看的敏捷报表。在同一个页面,整合不同的业务数据,完美展示企业的各类业务指标,实现数据的多维度分析。
2. 功能介绍
多屏自适应:响应式布局,PC 端设计,平板、手机、电视、大屏等多类终端自适应
丰富的可视化元素:提供表格、图形、控件等超多可视化组件
多种布局方式:自适应布局、绝对布局、Tab 布局等多种布局方式,拖拽式设计
组件共享复用:组件云端共享和本地复用,帮助用户更快设计出好看报表
组件联动分析:组件之间的联动分析,点击某个组件,关联组件自动触发数据加载
数据监控,定时刷新:后台数据智能检测对比,数据有变更前台及时更新
自动轮播:支持同一个位置轮播显示不同的图表样式,支持多个 Tab 页轮播
3. 设计界面
不同于普通报表的设计界面,决策报表采用了画布式的设计界面。报表主体就像一个空白的画板,用户通过将报表组件拖拽到画板中的方式设计报表。如下图所示:
决策报表组件包括:参数面板、空白块、图表块、控件,各组件的详细介绍参见 决策报表设计界面 。
4. 设计步骤
决策报表设计一般有 5 个步骤,如下图所示:
1)新建表单:设计器中菜单栏点击「文件>新建决策报表」,新建一张空白的决策报表。
2)新建数据集:定义各个组件数据来源。
3)拖拽组件:从参数面板、空白块、图表块、控件面板中选择想要的组件拖拽到画布式设计主体中,调整决策报表的整体样式。
4)设计组件:对组件的内容和属性进行设计,包括组件的类型、数据、样式、特效等。
5)报表预览:决策报表设计好之后,点击「预览」,PC端采用「PC端预览」,移动端采用「移动端预览」。
决策报表入门示例参见文档:决策报表入门示例
5. 应用示例
6. 注意事项
6.1 绝对布局下body的尺寸
当布局方式选择「绝对布局」时,会显示 body 的宽度和高度。如下图所示:
body 长宽即决策报表设计区域的大小,是由报表大小和 FineReport 设计器所在电脑的分辨率计算得到的,用户无法修改。计算逻辑如下表所示:
注1:电脑分辨率的宽度若小于1024,按照 1024 计算;电脑分辨率的宽度若大于 1920,按照 1920 计算。
注2:最终决定显示效果的是「报表大小」。
电脑分辨率 | body 大小 |
---|---|
1920*1080 | 报表大小*1.2 |
1440*900 | 报表大小 |
1366*768 | 报表大小*0.9 |
1280*800 | 报表大小*0.85 |
1024*768 | 报表大小*0.6 |
超级管理员可通过「fine_conf_entity可视化配置插件」关闭该缩放逻辑。重启服务器后设置生效。
注:修改 FineDB 数据库表字段值的方法请参考 FineDB 常用表字段修改 。
配置项 | 修改规则 |
---|---|
CustomConfig.screenScaleEnabled | 参数值需为布尔型,默认为true false:关闭设计器缩放 true:开启设计器缩放 |
6.2 缩放决策报表设计面板
10.0.9 版本后的设计器,决策报表中支持对设计面板进行缩放。如下图所示:
当模板设计的尺寸比较小时,界面内的元素显示比较小,细节调整比较费力,可通过此功能放大模板。
当模板设计的尺寸比较大时,不停滑动滚动条进行设计比较麻烦,可通过此功能缩小模板,在设计器里看到整体效果。
注:缩放倍数不影响决策报表的预览效果。
功能说明:
允许用户拖动滑块或点击加减号调整缩放幅度幅度,单次点击加减号调整幅度为 10% 。
输入框中显示当前缩放幅度,并允许手动输入缩放幅度,按下 Enter 键或者点击输入框以外区域则为确认当前值。
当缩放幅度确认后,form 界面大小立即进行更新,横向和纵向滚动条也须实时进行变化。
设定最大缩放幅度为 400% ,当输入的值超过 400 时,自动跳转至 400 ;设定最小缩放幅度为 10% ,当输入的值小于 10 时,自动跳转至 10 。
输入框内仅可输入数字,文本内容限制无法输入。
报表块内部缩放同 cpt 缩放效果,左上为原点进行缩放。
放大倍数越大,设计面板中的组件显示效果越模糊。
Windows 系统缩放快捷键:「Ctrl+鼠标滚轮滑动」和「Ctrl+加号键/减号键」控制缩放;Mac 操作系统缩放快捷键:「command(⌘)+鼠标滚轮滑动」和「command(⌘)+加号键/减号键」。