单个图表自定义空数据提示

  • 文档创建者:axing
  • 编辑次数:3次
  • 最近更新:Leo.Tsai 于 2020-02-25
  • 1. 概述

    1.1 应用场景

    当图表没数据时,为图表自定义提示内容,图表空数据提示自定义 这篇文档中的设置方法会应用于所有的图表,不适用于单个图表数据为空时自定义提示内容。

    5B3150CF-1F5E-492F-B7F0-B27DEC16F470.GIF

    1.2 实现思路

    报表设计时插入图表和自定义提示图片,利用条件属性控制图表和图片的隐藏和显示。

    2. 示例

    2.1 数据准备

    新建普通报表,新建数据集 ds1,数据库查询语句为:SELECT * FROM 销量 where 地区='${地区}'

    Snag_16b4447.png

    2.2 报表设计

    1)报表如下图设计,插入图片的区域应与柱形图的区域大小相同。

    注:此处的图片为自定义,可自行更换。

    Snag_173ded1.png

    2)如下图绑定柱形图数据:

    Snag_177d7ee.png

    4)选中柱形图,设置条件属性行高,当ROWCOUNT("ds1")=0时,行高为0。

    Snag_17a83f5.png

    5 )选中图片,设置条件属性行高,当ROWCOUNT("ds1")>0时,行高为0。

    Snag_17d54cb.png

    6)设置参数面板,地区参数的下拉框数据字典设置如下:

    Snag_17e9deb.png

    2.3 效果预览

    1)PC端:

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

    5B3150CF-1F5E-492F-B7F0-B27DEC16F470.GIF

    2)移动端:

    SVID_20200225_173330_1.gif

    3. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\Chart\单个图表自定义空数据提示.cpt

    点击下载模板:单个图表自定义空数据提示.cpt

    自定义图片下载:自定义图片.png


    附件列表


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