历史版本9 :决策报表组件重叠 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 版本说明编辑

  设计器版本  jar包版本报表自适应插件移动端版本
9.0

APP9.0
  8.0  2017-04-21V3.9.7 APP9.0

2. 描述编辑

制作决策报表时,为了布局规范,常常使用样式相同的图表或报表块,提供frm内组件复制粘贴功能(支持不同frm间的复制粘贴),能极大节省用户工作量;同时为了使空间利用率提高,很多情况下会需要用到叠放功能,在绝对布局下,组件可重叠。

如下图所示:三个柱形图样式相同,只需修改数据配置以及大小,此时就可以利用复制功能;同时以地图为底层图层,将柱形图叠放于上,直观地展示区域数据。
222

3. 示例编辑

3.1 决策报表body设置

新建决策报表,将布局方式修改为绝对布局,缩放逻辑两者都可以,此处设为固定大小:


注:自适应布局下也可进行组件复制粘贴,但不支持重叠。

3.2 模板制作

(1)拖入地图,调整位置和大小,制作方法如下:

在图表中,选中【地图(新特性)】,拖入决策报表body中。

地图数据和样式设置可参考区域地图中2.3图表数据设置和2.4图表样式设置。
222

(2)放置柱形图,制作方法如下:

在图表中,选中【柱形图(新特性)】,调整成合适的大小,叠放于地图有数据的区域,此处为西藏自治区。

柱形图中圆角属性和柱子宽度的设置可参考圆角属性和柱子宽度自定义

(3)选中柱形图,键盘CTRL+C复制,再CTRL+V粘贴,复制两次,第一次被粘贴的组件,直接错开重叠在所选的第一张柱形图上面;

此时第二张柱形图默认为选中状态,不进行其他操作直接再粘贴,第二次被粘贴的组件,错开重叠在第二张柱形图上面,依此类推:

若不选中任何组件直接点击决策报表空白处进行复制粘贴,被粘贴的组件默认在布局边界左上顶点处偏移20像素:

注:为避免组件重叠覆盖,请先选中处于上层的组件,再进行粘贴 

注:被粘贴的组件,自动在原XXX名字基础上重命名为XXX_c;CTRL+X剪切同样适用

(4)粘贴完成后,修改其数据、大小和位置,完成效果如下:

3.3 保存与预览 
保存模板,点击预览,效果即如上。
在线查看模板效果请点击表单组件本地可复用和重叠.frm
已完成模板可参考%FR_HOME%\WebReport\WEB-INF\reportlets\doc\frm\表单组件本地可复用和重叠.frm

4.组件重叠编辑

4.1 重叠现象
一个组件如果被另一个组件遮盖,被盖住的组件不好进入编辑界面,并且进入底部组件的编辑界面后,不好退出来。
例如:打开上述模板,此时拖动一个报表块,覆盖在chart1图表块上,会发现此时不能点击chart1的【编辑】按钮了,如下图:
222
4.2 解决方法
那么如何对chart1进行编辑呢?我们可以通过调整组件层叠顺序的方法来解决,如下图所示:
222
注:仅适用于设计器9.0及以上版本使用。
注:此方法只能用于绝对布局/绝对画布块。
1)方法一
展开组件下拉树,选中chart1组件,点击右上角的箭头,将chart1的组件移动到报表块report0组件的上方即可。
这里选择最左侧的箭头,将它置于顶层,就会发现chart1组件展示在了报表块上方,如下所示:
222
将鼠标移动到图表块上就会出现【编辑】按钮了
222
2)方法二
右击报表块report0,直接选择【置于底层】,也可以将图表块移动到报表块的上方来,如下:
222
注:普通报表中的悬浮元素,也可以通过此方法进行调整。
4.3 其他
1)组件缩略图
展开右侧组件下拉树,当鼠标悬停在组件上时,左侧会显示对应组件的缩略图,增加用户体验度,如下:
222
2)退出编辑状态
在画布区域直接点击其他组件,或者在组件数点击任意组件。

5. 注意事项 编辑

5.1 自适应布局

(1)被粘贴组件直接将处于选中状态的组件高度一分为二,两个组件等分原区域,被粘贴组件在下,如下图所示:
222

(2)如果执行粘贴时,并没有选中任何组件,则默认粘贴在布局左上角第一个组件位置处,将该组件高度一分为二。

(3)如果达到组件最小高度限制时无法再对组件进行等分了,则弹出提示“此处无法粘贴,小于组件最小高度”,如下图:


5.2 绝对布局

(1)通常被粘贴组件在所选中组件位置处往下、往右各错开20像素;

(2)若选中的组件原始位置与布局边界距离小于20像素(下边界&右边界同时小于或者任意一个边界小于),则粘贴时距离小于20像素一侧直接贴近布局边界,距离大于20像素的一侧正常错开;

(3)若选中的组件原始位置位于布局的右下角,和布局右下边界线紧挨,粘贴时组件在原始位置向左错开20像素。

(4)如果执行粘贴时,并没有对布局内的组件进行选中,则此时粘贴的位置,默认在布局边界左上顶点处偏移20像素。

(5)如果被粘贴的组件特别大,导致在选定的位置处粘贴时剩余空间无法容纳,则弹出提示“组件大小超出边界,无法粘贴”,如下图: