决策报表组件本地可复用和重叠

  • 文档创建者:Holly
  • 编辑次数:25次
  • 最近更新:RosieY 于 2021-01-26
  • 1. 概述

    制作决策报表时,为了布局规范,设计者常常使用样式相同的图表或报表块。FineReport 提供决策报表内组件复制粘贴,并且在「绝对布局」下,支持组件重叠放置。

    1.1 预期效果

    示例将实现,中国地图上,三个不同省份的销量以柱状图展示、柱状图时间为一周,坐标为星期。如下图所示:

    image.png

    1.2 实现思路

    以地图为底层图层,将柱形图叠放于上,直观地展示区域数据。

    2. 示例

    2.1 新建模板

    点击文件>新建决策报表,选择body>控件设置>属性,将布局方式修改为绝对布局,缩放逻辑两者都可以,此处设为固定大小,如下图所示:

    1570674167393615.png

    2.2 准备数据

    新增内置数据集,为地图和柱状图准备数据。如下图所示:

    image.png

    2020-10-25_16-56-13.png

    2.3 添加地图

    1)在图表中,选中地图,拖入决策报表 body 中,如下图所示:

    1570674594712532.png

    2)地图数据和样式设置可参考 区域地图 中 2.3 图表数据设置2.4 图表样式设置,最终样式如下图所示:

    image.png

    2.4 添加柱形图

    1)在图表中,选中柱形图,拖入决策报表 body 中,调整大小,叠放于地图上西藏自治区,如下图所示:

    1570674817450326.png

    2)设置柱形图圆角属性和柱子宽度,设置可参考 圆角属性和柱子宽度自定义,最终样式如下图所示:

    image.png

    3)选中柱形图,复制粘贴两次,柱形图组件重叠错开放置。如下图所示:

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

    image.png

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

    image.png

    2.5 效果预览

    保存模板,点击「PC端预览」,效果如下图所示:

    image.png

    3. 模板下载

    已完成模板可参见:%FR_HOME%\webroot\WEB-INF\reportlets\doc\frm\决策报表组件本地可复用和重叠.frm

    点击下载模板:决策报表组件本地可复用和重叠.frm

    附件列表


    主题: 决策报表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!