图表用图片填充系列

  • 文档创建者:文档助手1
  • 编辑次数:17次
  • 最近更新:Leo.Tsai 于 2020-06-18
  • 1. 概述

    1.1 应用场景

    柱形图的柱子可以用自定义的图片来填充,显示效果如下图所示:

    222

    1.2 实现思路

    柱形图添加条件属性,给每个分类或系列设置不同的图片填充效果。

    2. 示例

    2.1 准备数据

    新建普通报表,添加内置数据集 Embedded1,分别记录不同类型的百分比,如下图所示:
    数据集.png

    2.2 设计报表

    1)合并一片区域单元格,插入柱形图,如下图所示:

    1592453945451117.png

    2)属性面板点击数据,绑定柱形图数据,如下图所示:

    3)属性面板选择特效>条件显示,添加四个条件属性,属性都为图片填充,分类序号分别为 1、2、3、4,如下图所示:

    报表设计3.png

    4)属性面板选择样式>系列,根据插入图片的大小,可选择调整柱子宽度或分类间隔,如下图所示:

    2.3 效果预览

    1)PC 端

    保存报表,点击分页预览,效果如下图所示:

    1592455934611544.png

    2)移动端

    1592455268866592.png

    3. 模板下载

    已完成模板参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\ColumnChart\图片填充柱形图.cpt

    点击下载模板:图片填充柱形图.cpt

    附件列表


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