今天做餅圖的時候發現了一個小bug,我們進入頁面一般是請求數據,渲染圖表,有數據就顯示,沒有數據就空著,但是如果請求的時候有數據,但是請求的條件沒有數據的情況呢?
看下圖,我點擊了今日的按鈕,請求了今日00:00-23:59的數據,后端返回的值夜全部都是0,現在依然是進入頁面時請求的本月的數據,但是今日的數據應該都是0,所以今日的數據并沒有被渲染。
本月和本周都因為有數據而渲染,單單今日沒有被渲染肯定不是數據配置的問題。

于是去百度搜了一下,發現要清空畫布。如下代碼。
myChart.clear()
在每次渲染之前都需要清空一下畫布,尤其是這種作用于一個id的數據。

現在成了這樣,光禿禿的也不好看。所以請輸入我壓箱底的寶貝。
option = {
title: {
text: '暫無數據',
x: 'center',
y: 'center',
textStyle: {
fontSize: 14,
fontWeight: 'normal',
}
}
}
option && myChart.setOption(option);
Beautiful!
上一篇: Echarts根據數據量控制寬度
下一篇: 層級選擇器之關鍵詞搜索功能
)
)
)
