图表自定义空数据提示

1.1 版本

1.2 应用场景

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

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

1.3 功能入口

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

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

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

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

1.4 图片大小

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

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

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

2.1 自定义图片

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

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

2.2 效果预览

1）PC 端

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

2）移动端