1. 概述
1.1 版本
报表服务器版本 |
---|
11.0 |
1.2 应用场景
注:更推荐使用 FineVis数据可视化 ,作为专业的数据可视化工具,比决策报表制作可视化看板效率更高、效果更丰富 。
决策报表是 FineReport 设计器支持的 模板设计类型 其中之一。相较于普通报表和聚合报表,决策报表包含二者所拥有的基础组件,同时组件添加更自由化,允许用户根据自己的需求构建报表的框架,在报表中添加更丰富的元素。
由于决策报表自由灵活的设计风格,可制作画面美观、内容丰富的管理驾驶舱,制作在手机、平板等移动设备端查看的敏捷报表。在同一个页面,整合不同的业务数据,完美展示企业的各类业务指标,实现数据的多维度分析。
1.3 功能简介
多屏自适应:响应式布局,PC 端设计,平板、手机、电视、大屏等多类终端自适应
丰富的可视化元素:提供表格、图形、控件等超多可视化组件
多种布局方式:自适应布局、绝对布局、Tab 布局等多种布局方式,且新建模板时可选择推荐布局
组件复用:组件云端共享和本地复用,帮助用户更快设计出好看报表
组件联动分析:组件之间的联动分析,点击某个组件,关联组件自动触发数据加载
数据监控/定时刷新:后台数据智能检测对比,数据有变更时前端及时更新
Tab 轮播:支持同一个位置轮播显示不同的图表样式,支持多个 Tab 页轮播
2. 设计步骤
决策报表设计一般有 6 个步骤,如下图所示:
1)新建决策报表:设计器中菜单栏点击「文件>新建决策报表」,在弹出的新建模板弹窗中选择一种布局模板或者直接新建空白模板。新建决策报表时选择的布局方式尤为重要,详情可参见文档:决策报表布局方式 。
2)选择模板主题:新建模板时,均有一个默认的主题,显示在顶部工具栏处,根据实际情况选择一个合适的模板主题。详情请参见文档:模板主题管理。
3)新建数据集:定义各个组件数据来源。
4)拖拽组件:从参数面板、空白块、图表块、控件面板中选择想要的组件拖拽到 body 中,调整决策报表的整体样式。
5)设计组件:对组件的内容和属性进行设计,包括组件的类型、数据、样式、特效等。
6)报表预览:决策报表设计好之后,点击预览按钮 ,PC 端采用「PC 端预览」,移动端采用「移动端预览」,另外 PC 端还可以使用「开发者调试」预览,可直接在浏览器中调整组件的位置大小。
决策报表入门示例参见文档:决策报表入门示例 。
3. 设计界面
决策报表设计界面由报表主体 form,组件、组件设置三部分组成,组件包括参数面板、空白块(Tab 块、绝对画布块、报表块)、图表、控件和组件库,组件设置包括组件设置列表和组件属性。如下图所示:
3.1 报表主体及设置
报表主体 form 是承载一个决策报表所有内容的容器,默认有一个 body 组件,body 就像一个空白的画板,用户通过将组件拖拽到 body 中的方式设计报表。将组件拖入 body 后,右侧组件设置列表中会显示已添加的组件名称,点击组件名称可以选中组件,进行一些复制、移动、删除等操作,在下方的属性界面还可以进行一些属性设置。详情请参见文档:决策报表组件操作 。
3.2 参数面板
和普通报表类似,决策报表的参数面板也是用来承载参数控件的,其组件名称为 para。参数面板只能拖拽到 body 的顶部,para 与 body 共存于 form 下,为同一层级。详情请参见文档:参数面板 。
3.3 空白块
3.3.1 Tab 块
可在一个 Tab 块中添加多个 Tab 页,在不同 Tab 页均可添加组件,通过 Tab 切换或轮播的方式查看所有组件。详情请参见文档:Tab 块 。
3.3.2 绝对画布块
绝对画布块相当于一个空白画布,可以在里面添加控件、图表、报表块,并且可以调整布局方式,通过组件叠加可实现多种展示效果。详情请参见文档:绝对画布块 。
3.3.3 报表块
添加报表块后,点击「编辑组件」进入报表块,具体使用与普通报表一致,可以制作表格,也可以在表格的单元格中插入图表等元素,但不支持在报表块的单元格中添加控件。详情请参见文档:报表块 。
3.4 图表块
图表块 可以直接拖入 body 中,也可以拖入 Tab 块和绝对画布块。图表的使用与普通报表一致,具体使用可参见 图表简介 。
3.5 控件
控件 是过滤数据的组件,可以作为参数控件放在参数面板中,也可作为单独的组件添加到 body、Tab 块和绝对画布块中 。
作为参数控件放在参数面板中,决策报表支持的控件类型与普通报表支持的控件类型基本一致。详细参见 控件简介。
3.6 组件库
为了让用户更快捷的设计出好看的决策报表,帆软提供了组件本地复用功能。用户可以直接从在线组件中下载 帆软市场 的组件,然后拖拽到自己的模板中,根据实际情况修改数据就可以使用了。详情请参见文档:组件复用 。
如下图所示:
4. 新旧决策报表转换
FineReport 11.0 将 FineReport 10.0 的 新自适应插件 内置到了设计器中,在很多功能上都有变化,主要表现在模板的自适应方式和一些 JS 接口的不同。为了兼容 10.0 的模板,在 11.0 决策报表设计界面顶部可以转换模板。
注:11.0 新版决策报表不支持 IE10 浏览器预览。
1)若在 11.0 设计器中打开由 10.0 设计器制作的模板,可点击顶部工具栏「转换至新版」,点击按钮确认转换即可。如下图所示:
需要注意的是 11.0 设计器制作的模板,无论是新版决策报表还是旧版决策报表,均不能在 10.0 设计器中打开。
2)若在 11.0 直接新建决策报表,可点击顶部工具栏的「转换至旧版」按钮,确认转换后即可转换为旧版决策报表。如下图所示:
注:旧版决策报表的自适应属性请参考 FineReport10.0 文档 决策报表布局方式 。
转换为旧版时会生成一个带有_bak后缀的备份模板,这个备份模板即旧版决策报表。如下图所示: