图表自定义空数据提示

  • 文档创建者:jiangsr
  • 编辑次数:10次
  • 最近更新:Leo.Tsai 于 2020-07-06
  • 1. 概述

    1.1 应用场景

    预览图表时经常会遇到如下图所示的空数据提示信息。

    1.png

    但是如果不想采用默认的提示页面,想要自定义一个空数据提示,该如何设置呢?

    数据为空提示.png

    1.2 功能入口

    设计器菜单栏服务器下自带图表空数据提示功能,点击进入后在设置界面自定义提示图片即可。

    • 提示内容:可选择是否开启空数据提示。选择关闭,图表数据为空前端预览时无任何提示内容。

    • 图片:提示内容开启后。选择自动,即采用系统内置的空数据提示图片;选择自定义,可以上传自定义图片作为空数据提示。

    • 选择图片:提示内容开启,图片选择自定义后。可上传图片,支持调整图片大小,有默认适应 2 种模式。

    Snag_32bb42b5.png

    1.3 图片大小

    调整自定义图片有 2 种模式:默认和适应,各自的效果如下所示:

    • 默认:图片原样填充空数据图表组件。

    Snag_42e7ba9b.png

    • 自适应:图片等比例缩放填充空数据图表组件。

    Snag_42e89cfc.png

    2. 操作步骤

    2.1 自定义图片

    1)设计器菜单栏选择服务器>图表空数据提示,打开图表空数据提示设置界面,如下图所示:

    Snag_ab3a984.png

    2)图表空数据提示设置界面,开启提示内容,点击自定义按钮,点击选择图片上传自定义图片,点击确定,如下图所示:

    Snag_32c1c41d.png

    2.2 效果预览

    1)PC 端

    前端预览时,自定义图片在图表区域居中显示。

    数据为空提示.png

    2)移动端

    1592467659820695.jpg

    附件列表


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