vue中的echart行自适应

前端时间做一个vue项目，按需导入echart如下：//importEChartsmainmoduleimportechartsfrom'echarts/lib/echarts'//importlinechartimport'echarts/lib/chart/line'//引入提示框和图例组件浏览器窗口，解决了好久，记录一下，给需要的小伙伴。解决方法是在mounted中调用如下方法：init(){//折线图的宽高自适应constself=this;setTimeout(()=>{window.onresize=function(){if(self.$refs.lineChart){self.chart=echarts.init(self.$refs.lineChart);self.chart.resize();}};},20);}