echarts不能占满容器或者超出容器范围

1,581 阅读1分钟

当给容器宽度设置为百分百时容易出现图形不能占满容器或者超出容器范围的情况

image.png

产生问题的原因是因为echarts图形只绘制一次,且绘制时自动获取父级大小填写宽度,然后改变容器宽高,导致echarts绑定的元素的宽度并不是最终的宽度,所以造成了获取到的结果并不是想要的。

解决办法是在执行绘制函数时进行延迟加载,等父容器设置完宽高以后echarts再进行渲染。

image.png