關(guān)于echart 餅圖顯示不出來 挖坑總結(jié)

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

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

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

注意事項(xiàng)：

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

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

（2）要么采用動態(tài)的javascript代碼設(shè)置其大小屬性值。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。