echarts的图表根据父容器大小的改变而改变（弹窗easy-ui的window窗口）

1.echarts的图表只绘制一次，所以要想大小随着父容器变化就得调方法重新绘制。所以把绘制图表的方法提出来。

 

<div class="echart">
    <div  :id="id" style="height: 100%;width: 100%;"></div>
</div>

data(){
  
   return{
  
        chart:""
   }
},

 

methods:{
  
 init(){
   
     let _width=$("#"+this.id).width();
     let _height=$("#"+this.id).height();
     this.chart=this.$echarts.init(document.getElementById(this.id));
     console.log(this.option);
    this.chart.resize({    //根据父容器的大小设置大小