Echarts自适应浏览器

单个图表

在做大屏可视化的时候，我们通常会使用到Echarts图表。当我们的浏览器窗口发生变化的时候，echarts图表不会变化。这种情况我们只需要加上一句代码即可。

window.onresize = myCharts.resize;

Echarts自带一个resize的方法，用来适应容器大小

多个图表

上面这段代码可以针对单个图表，通常一个页面是有多个图表的，这种情况我们可以监听页面大小的变化

  window.addEventListener("resize", function () {

        echarts.init(document.getElementById("echarts1")).resize()

        echarts.init(document.getElementById("echarts2")).resize()

      });