原因是在頁(yè)面進(jìn)行加載時(shí)，父容器最初是被隱藏的，寬高為0。隱藏的圖表找不到對(duì)應(yīng)的div大小，所以默認(rèn)給了一個(gè)大小。
- 解決方案一：
把寬高固定寫死，
比如style=”width:500px;height:500px”，這時(shí)候echarts有了明確的大小時(shí)候就可以正常顯示出來(lái)了。
但是如果 想要 100%鋪滿且隨屏幕自動(dòng)適應(yīng)大小，又無(wú)法解決了。。
- 解決方案二：
可以給圖表標(biāo)簽加上v-if ，利用v-if 值切換來(lái)重繪圖形頁(yè)面。
image.png
- 解決方案三：
element UI 官方提供的 lazy="true" 延遲加載，也就是待tab頁(yè)切換時(shí)，父容器tab渲染完畢再去渲染子組件
image.png
