解决使用echarts 默认100px问题

在使用display: none;隐藏显示或tab切换显示时图表得到宽高都是100px问题

js:

在显示点击事件结束后重新绘制

Echarts
            .getInstanceById(
              document
                .getElementById("自己的容器ID")
                .getAttribute("_echarts_instance_")
            )
         }).resize();

VUE：

已经在vue的main.js 全局注入

import echarts from "echarts";
Vue.prototype.$echarts = echarts;

第一

      let echarts = this.$echarts;
      let myChart = echarts.init(document.getElementById(this.idName));
      myChart.setOption(this.optionData);
      //强制重新绘制
      this.$nextTick(() => {
        myChart.resize();
      });

第二

        let vm = this;
        this.$nextTick(() => {
          vm.$echarts
            .getInstanceById(
              document
                .getElementById("自己的容器ID")
                .getAttribute("_echarts_instance_")
            )
         });