【echart】动态设置地图在容器的宽度和高度，去掉未填充的白边

设置完option参数（不描述了）后进行生效设置

 

  if (option && typeof option === "object") {  //简单判断option是不是ok
        // window.onresize = myChart.resize;  这句不管用
        this.myChart.setOption(option, true);
      // window.onresize = myChart.resize;  这句不管用
      //  用getelementbyid、this.$refs...等方法获得offsetHeight都是不带有白边时的高度：462px,实际高度应为522px，因此渲染出来的echart小，而容器dom大，所以产生了白边


//所以换个思路，从window中获取这个大dom的高度，然后剪掉我当时设置的padding和margin的值
        let windowh =
          window.innerHeight ||
          document.documentElement.clientHeight ||
          document.body.clientHeight; //浏览器高度
        // console.log(windowh, "hhhhhhhhhhhh");
        let newechartheight = windowh - 40;  //40就是client与上面控件的margin和padding的总和，这个自己可以根据实际情况减少
        // console.log(newechartheight, "newechartheight");



        let windowx =
          window.innerWidth ||
          document.documentElement.clientWidth ||
          document.body.clientWidth; //浏览器宽度
        // console.log(windowx, "windowx");

        let newechartwidth = windowx - 240; //240就是client与左边控件margin和padding的总和，这个自己可以根据实际情况减少

        this.myChart.resize({ width: newechartwidth, height: newechartheight });
      }