解决echarts 多个图表在同一个页面出现的自适应问题(好用)

解决echarts 多个图表在同一个页面出现的自适应问题

首先看两张图:
出现的问题;
缩放浏览器后:
请添加图片描述
正常想要的效果:缩放浏览器,五个echarts都能自适应
请添加图片描述
解决方案:
在最后一个ecahrts的自适应代码里加上前面这几行即可
在这里插入图片描述
注意:是最后一个echarts里加入这四行代码,分别是前面四个echarts
出现以上问题的原因:
个人认为是echarts机制里,后面创建的echarts图表会影响前面eachrts的创建渲染,从何需要在后面一个echarts创建完成之后再次刷新初始化前面一个echarts,以此类推,以上代码就要在第五个里刷新初始化前面四个即可(这个是个人所认为的,不一定恰当,望有误提醒修改学习)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值