在使用echarts时,为了兼容移动端.使用了flxe布局

出现echarts超出父盒子宽度的问题

可以看出来echarts溢出了父盒子

一下问题相似

https://segmentfault.com/q/1010000014963572

https://segmentfault.com/q/1010000010939022

在了解echarts绘制机制

echarts图形只绘制一次,且绘制时自动获取父级大小填写宽度

考虑让echarts延迟绘制 使用setTimeout

原先代码

 

修改后

 

效果图:

关于自适应的问题

首先要明白echarts只绘制一次,理清思路.适应大小那么echarts重绘

代码修改

 

我使用的是vue框架.使用其他技术的同学也可以参考一下

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐