echarts 多图表的自适应窗口大小,自动缩放

不太懂 ECHARTS 的 js,完全是改改族,因为一个页面装两个图表的事折腾了一天,索性搞定了,在此记录一下:

页面效果如下:

两个图表都是echarts官网的原版示例,经过不断的尝试验证,发现js里的内容和options对自适应是完全没有影响的不用管。

只需要在所有js的最后加一个函数即可

  window.onresize = function(){
    myChart_1.resize();    //myChart_1 是第一个图表
    myChart_2.resize();    //myChart_2 是第一个图表
	}

这里每个图表后面都有   

myChart_1.setOption(option); 

myChart_2.setOption(option); 

一定要保留,最后是这个样子

这是我实现了,最简单,且生效的方法,验证版本为  v5.2.2 

指引我成功的链接,再次感谢

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值