eCharts在一些特殊的布局下重绘方案研究
项目基于Vue3 + Vite搭建。
说明
虽然这种场景很少,但是不可避免会在某些情况下发生。eCharts在Vue的mounted之后进行图表绘制,而此时的容器若被设定为flex: 1,则可能会受到其他元素的影响,比如此Demo下的图片加载完成后会影响到eCharts容器,造成页面显示效果的问题。
解决方案
当然最简单的办法就是在image加载完成的回调上面重新绘制图表,当然可以销毁的chart的方式让其重新自动适应宽度后再次绘制,达到效果。然而还有没有更好的办法呢。