echarts图表不能够随着父元素尺寸变化而自适应

1.安装插件 npm install element-resize-detector --save

2.在页面引入import elementResizeDetectorMaker from "element-resize-detector"; // 尺寸监听组件

3.在mouted生命周期里使用

let erd = elementResizeDetectorMaker();

   let that = this;

   erd.listenTo(

     document.getElementById("main"),

     debounce(function (element) {

       var width = element.offsetWidth;

       console.log("width", width);

       that.$nextTick(function () {

         //使echarts尺寸重置

         that.charts.resize();

       });

     })

   );

参数说明：

getElementById("main")   图表元素的id（只能是图标本身元素，不能是父元素）

element 选定元素