监听页面大小,使echarts自适应缩放

 给echarts图标设置宽高时用的是vh和vw,

但是在打开F12调试窗口时发现echarts图标里面的内容并不会随着页面大小变化而改变元素宽高,

这就导致一些元素会挤压或者超出原本设定的范围大小,

可以在mounted中使用监听浏览器窗口缩放,

resize() 调用echarts中内置的resize函数进行自适应缩放

 mounted() {
    window.addEventListener('resize', () => {
      echarts.resize()
    });
  },