關于echart 餅圖顯示不出來 挖坑總結

近來公司的移動端app，作業頁面，從后臺接口返回的是；老師布置一次作業的所有題目信息，在app頁面除了展示題目信息之外，還需要統計A\B\C\D,正確\錯誤等各個選項的選擇人數，并用echart餅圖顯示出來。
按照echart渲染數據的步驟，完成了圖表展示的應有對的步驟，但是，餅圖卻一直沒有顯示出來，經過好久的折騰，終于找出了問題的出處。

問題原因：
雖然圖表渲染步驟都完成了，但是并沒有為圖表綁定的dom元素設置大小，導致圖表一直被隱藏了。故一直沒有顯示餅狀圖

ECharts圖表對象的初始化(init)詳解以及注意事項

注意事項：

1、再實例化之前請確保相關的js文件已經引入且路徑正確；
2、在執行圖表對象渲染方法init(dom)的時候，記住這里的dom是一個頁面容器元素的對象，請確保這個元素對象是存在的，否則執行了init(dom)方法時會報出尚未定義的錯誤；
3、dom元素一定要指定其大小，要么
（1）通過css進行設置：

<div id="main" style="width:400px;height:300px;"></div>

（2）要么采用動態的javascript代碼設置其大小屬性值。

總結

以上是生活随笔為你收集整理的关于echart 饼图显示不出来 挖坑总结的全部內容，希望文章能夠幫你解決所遇到的問題。

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