echarts自适应

原始样子

设置宽度不定，也就是想要它自适应

<div id="bars" style="width: 100%;height:560px;"></div>

手动缩放后

我手动把浏览器宽度缩小后

可以看到，宽度并不会随左边宽度改变而改变。

解决方法

因为echarts没有内置自适应方法，所以需要自己手动添加

window.addEventListener("resize", function () {
    myChartBars.resize();//下面可以接多个图
});

手动缩放后：