圖表自定義空數據提示

1.1 應用場景

預覽圖表時經常會遇到如下圖所示的空數據提示信息。

但是如果不想采用默認的提示頁面，想要自定義一個空數據提示，該如何設置呢？

1.2 功能入口

設計器菜單欄服務器下自帶圖表空數據提示功能，點擊進入後在設置界面自定義提示圖片即可。

• 提示内容：可選擇是否開啓空數據提示。選擇關閉，圖表數據爲空前端預覽時無任何提示内容。

• 圖片：提示内容開啓後。選擇自動，即采用系統内置的空數據提示圖片；選擇自定義，可以上傳自定義圖片作爲空數據提示。

• 選擇圖片：提示内容開啓，圖片選擇自定義後。可上傳圖片，支持調整圖片大小，有默認和适應 2 種模式。

1.3 圖片大小

調整自定義圖片有 2 種模式：默認和适應，各自的效果如下所示：

• 默認：圖片原樣填充空數據圖表組件。

• 自适應：圖片等比例縮放填充空數據圖表組件。

2.1 自定義圖片

1）設計器菜單欄選擇服務器>圖表空數據提示，打開圖表空數據提示設置界面，如下圖所示：

2）圖表空數據提示設置界面，開啓提示内容，點擊自定義按鈕，點擊選擇圖片上傳自定義圖片，點擊确定，如下圖所示：

2.2 效果預覽

1）PC 端

前端預覽時，自定義圖片在圖表區域居中顯示。

2）移動端