echarts圖表顯示不全

最近是使用echarts的時候遇到了一個問題,同個界面有三個地方需要顯示餅狀圖,其中第一個正常顯示,第二個和第三個出現了圖表現實不全的問題,如下所示:

上圖分別是第二張圖和第三張圖,他們是按照正常比例來顯示的,顯示的是不正常的。

若要正常顯示,就會出現圖表顯示不全,只顯示部分圖表(不想再去復現了,所以就將就着看吧,哈哈)

要想解決上述問題,需要在設置此圖表的option樹形之前添加一句
chart.resize()
就可以了

chart.resize() //chart爲 const chart = echarts.init(document.getElementById('chart' + index))

加上去之後效果如下圖

圖表一:

圖表二:

圖表三:

這樣,圖表就可以正常的顯示嘍~

發佈了61 篇原創文章 · 獲贊 11 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章