echarts多图表适配的问题

       

     html代码

图表 1

<div      id="scalesize"    :style="{ width: '100%', height: '100%' }"  ></div>

图表2

   <div    id="boatTypeList"    :style="{ width: '100%', height: '100%' }" ></div>

//当我 们在  mounted(){//初始化时候多图表适配只有最后一个才会触发,这时候我们需要做个处理

    setTimeout(() => {

      that.echartFun(); //加载饼图

      that.myEchartFun(); //加载饼图

      that.drawLine(); //本周各类型预警数

      that.getBoatList(); //船舶类型预警数

    }, 500);

}

处理如下:在初始化函数执行的结尾加上

window.addEventListener("resize", function () {

        myEchartsTable.resize();

      });

这样就能每一个图表都可以做到自适应