1、出現問題原因

一個餅圖，右上方兩個按鈕分別為今天和本月，分別調用不同接口控制，點擊則調用不同接口同時餅圖綁定數據源刷新；出現此問題原因點擊今日按鈕有一個餅圖區域形沒有數據不顯示，對應數據值比例都沒顯示，點擊本月按鈕時此餅圖區域有數據，再次切回今日按鈕時剛才沒顯示的餅圖區域顯示提示信息且值為0

2、解決辦法

echarts每次初始化繪圖都會創建實例

?在初始化前，移除echarts.init 創建的實例echartsInstance

具體代碼如下：

document.getElementById('chart的Id').removeAttribute('_echarts_instance_') // 解決餅圖無數據信息(占比為0)首次加載不出來，或者切換頁面后，需要強刷新才能出來的問題// 在初始化之前this._initPieChart(pieData)

?如上，問題解決。

3、參考文檔

①?echarts重新加載數據沒有繪出圖

②?echarts繪制圖表，切換頁面后返回，無刷新數據圖表不顯示問題

4、附錄

1、還有的同學餅圖數值為0時標簽應該顯示如下圖的但是未顯示

這可能與餅圖的所占區域布局有關遮住了label的顯示，可調整series的radius或center屬性適當調整即可，關于radius和center屬性詳解見下圖

?2、還有的同學就是不想讓為0的數據顯示，可以參考以下文章

解決echarts餅圖不顯示數據為0的數據

以上就是ECharts 餅圖切換數據源bug 開始沒數據顯示 切換或刷新后顯示的介紹，做此記錄，如有幫助，歡迎點贊關注收藏！?

總結

以上是生活随笔為你收集整理的ECharts 饼图切换数据源bug 开始没数据显示 切换或刷新后显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。