vue使用Echarts图表随着容器的变化而变化

<template>
	<div
        id="myChart"
        class="siggle-chart"
        :style="{ width: '100%', height: '570px', margin: 'auto' }"
      ></div>
</template>


mounted() {
    this.drawLine();
    // this.init();
    window.addEventListener('resize',this.drawLine)
  },
  beforeDestroy() {//离开路由.vue跳转路由后还会继续执行，所以取消
    window.removeEventListener("resize",this.drawLine);//取消echarts自适应
  },
  methods:{
  	this.drawLine(){
  		let myChart =this.$echarts.init(document.getElementById("myChart"));
  		myChart.setOption({
  			//图表内容
  		})
  		 myChart.resize()
  	}
  }