最近是使用echarts的時候遇到了一個問題,同個界面有三個地方需要顯示餅狀圖,其中第一個正常顯示,第二個和第三個出現了圖表現實不全的問題,如下所示:
上圖分別是第二張圖和第三張圖,他們是按照正常比例來顯示的,顯示的是不正常的。
若要正常顯示,就會出現圖表顯示不全,只顯示部分圖表(不想再去復現了,所以就將就着看吧,哈哈)
要想解決上述問題,需要在設置此圖表的option樹形之前添加一句
chart.resize()
就可以了
chart.resize() //chart爲 const chart = echarts.init(document.getElementById('chart' + index))
加上去之後效果如下圖
圖表一:
圖表二:
圖表三:
這樣,圖表就可以正常的顯示嘍~