实现echarts图表自适应

Posted 2021-09-03 trueYann

需求是实现echarts图表的自适应，实现起来逻辑并不复杂

    //在methods下添加方法
     screenAdapter_myChart() {
      const adapterOption = {}
      this.myChart.setOption(
        adapterOption
      )
      this.myChart.resize()
    },
    
    //在mounted下添加监听，屏幕分辨率变化时触发事件
    this.screenAdapter_myChart()
    window.addEventListener(
      \'resize\',
      this.screenAdapter_myChart
    )
    
    //在destroyed下销毁监听器
    window.removeEventListener(
      \'resize\',
      this.screenAdapter_myChart
    )
    

完成