vue+echarts 图表随界面放大缩小展示

<div id="main" style="height:100%;"></div>

 data() {
    return {
       myChart: null,
       option: null,
    }
  },

mounted() {
  setTimeout(() => {
    this.init()
    this.$nextTick(_ => {
      this.option && this.myChart.setOption(this.option);
    })
    window.addEventListener('resize', this.resize())
  }, 500)
},

methods: {
    init() {
      var chartDom = document.getElementById('main');
      this.myChart = echarts.init(chartDom);
      this.option  = {
        xAxis: {
          type: 'category',
          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
          type: 'value'
        },
        series: [
          {
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
          }
        ]
      };
    },
    resize() {
      let timer = null;
      return function () {
        if (timer) {
          clearTimeout(timer)
        }
        timer = setTimeout(() => {
          var myChart = echarts.init(document.getElementById("main"));
          myChart.resize();
        })
      }
    },
  }