今天做餅圖的時(shí)候發(fā)現(xiàn)了一個(gè)小bug,我們進(jìn)入頁面一般是請(qǐng)求數(shù)據(jù),渲染圖表,有數(shù)據(jù)就顯示,沒有數(shù)據(jù)就空著,但是如果請(qǐng)求的時(shí)候有數(shù)據(jù),但是請(qǐng)求的條件沒有數(shù)據(jù)的情況呢?
看下圖,我點(diǎn)擊了今日的按鈕,請(qǐng)求了今日00:00-23:59的數(shù)據(jù),后端返回的值夜全部都是0,現(xiàn)在依然是進(jìn)入頁面時(shí)請(qǐng)求的本月的數(shù)據(jù),但是今日的數(shù)據(jù)應(yīng)該都是0,所以今日的數(shù)據(jù)并沒有被渲染。
本月和本周都因?yàn)橛袛?shù)據(jù)而渲染,單單今日沒有被渲染肯定不是數(shù)據(jù)配置的問題。
于是去百度搜了一下,發(fā)現(xiàn)要清空畫布。如下代碼。
myChart.clear()
在每次渲染之前都需要清空一下畫布,尤其是這種作用于一個(gè)id的數(shù)據(jù)。
現(xiàn)在成了這樣,光禿禿的也不好看。所以請(qǐng)輸入我壓箱底的寶貝。
option = { title: { text: '暫無數(shù)據(jù)', x: 'center', y: 'center', textStyle: { fontSize: 14, fontWeight: 'normal', } } } option && myChart.setOption(option);
Beautiful!