原始样子
设置宽度不定,也就是想要它自适应
<div id="bars" style="width: 100%;height:560px;"></div>
手动缩放后
我手动把浏览器宽度缩小后
可以看到,宽度并不会随左边宽度改变而改变。
解决方法
因为echarts
没有内置自适应方法,所以需要自己手动添加
window.addEventListener("resize", function () {
myChartBars.resize();//下面可以接多个图
});
手动缩放后: