帆软FineReport决策报表之页面布局

最近在用帆软决策报表绘制首页大屏，记录使用过程，方便查看。
版本：FineReport10.0

第一步、页面布局

页面布局其实就是组件的排列组合，决策报表主区域body有两种布局方式：自适应布局和绝对布局。

1）自适应布局

排列为自适应填充，层级不可叠加，只能单层排列，改变一个组件，其他组件大小也会跟着变化，适用于简单绘图；
对应可调整组件缩放的模式：双向自适应和横向自适应。

各组件自动填充到body的所有区域，占满整个空间。

2）绝对布局

控件的位置可固定，层级可叠加，改变一个组件，其他组件大小不会跟着变化。
对应缩放逻辑可设置为适应区域和固定大小。
适应区域即按照画布等比例缩放；
固定大小即按照画布实际大小展示，自动添加滚动条。

绝对布局下，各控件可以重复叠加，在浏览器预览效果如下图所示。

缩放逻辑设置为固定大小，左右有自动有滚动条

参考文档

【1】https://help.fanruan.com/finereport10.0/doc-view-1195.html