运维系列&前端系列：echarts超出容器宽度问题的解决办法

---

echarts超出容器宽度问题的解决办法

问题：

在使用vue+iview+echarts时，出现了echarts图标刷新页面会超出容器宽度的问题，效果如下：

DOM结构:

JS代码:

解决方法：

在网上查找了很多方法 也都各种尝试 但都解决不了 页面刷新图表超出容器宽度的问题，后来了解到 echarts渲染原理后，很简单的一个处理 就可以解决这个问题，方法如下：

惊喜不？！

---

烟雨任平生╰

echarts超出容器宽度问题的解决办法