解决Echarts图表使用v-show,显示不全,宽度仅100px的问题

最近做echarts图表时，因为涉及到使用开关变量控制不同图表的显示隐藏，用 v-if 时会出现没有获取到dom结构而报错，所以改用 v-show，但是 v-show 本身是结构已经存在，当数据发生变化时，结构并未重新渲染，所以会出现 echarts 图表未获取到最外层大盒子的宽度而显示一半的情况，就像下图：

百度了各种资料结果都以失败告终,最后使用一下定时器就好了,只需要设置延迟一秒,图表就可以正常显示:为你奉上以下代码参考:

   // 分公司营业额图表
      search1(row) {
   
        if (row == "趋势分析(月)") {
   
          this.chartflag1 = true
          this.tableList = false;
          this.chartflag2 = false;
          this.monthflag = false;
          this.loading1 = true;
          // 月折线图掉接口
          this.$fetchs(
            "/pcadmin/statistics/child/line/chart/month"
          ).then(res => {
   
            if (res.success == true) {
   
              var result = res.data;
              var series1 = [];
              var company = [];
              for (var i = 0; i < result.length; i++) {
   
                company.push(result[i].company_name);
                var data = {
   }
                for (let key in result[i].data) {
   
                  data[key * 1] = result[i].data[key]
                }
                var datas = []
                for (let key in data) {