echarts画的图

echarts画的图，我这有点击事件，点击时会出现一个统计图，每个点击时出现的图型是不一样的，分别来自不同的接口，不同的点击事件，因为当我每点击一个事件时，就出来一个图，怎么才可以实现点击事件的统计图时，另一个统计图会消失,图片是我两个图，两个点击事件，但不想同时在页面上

tab切换问题。包一个大的div。

可以点击的时候隐藏另一个图，或者直接把最新的图覆盖掉之前的图

仅个人见解：
诚如一楼所说，可以使用el-tabs 切换，在同一界面有两个tab页。
不过我之前遇到tab和echarts一起使用时候的一个坑，就是点击tab切换时，他不渲染echarts的图。
解决办法: 用watch监听tab标签里，v-model的变量。

          <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="团队统计" name="first"> 
              <el-card shadow="never"> 

              <div class="bg-purple">
              <br>
              <div class="css">
                    工时数列表
              </div>
              <br>
              </div>
              </el-card> 
            </el-tab-pane>
            <el-tab-pane label="个人统计" name="second"> 
            <el-card shadow="never" style="margin-bottom:20px;"> 
                <div class="bg-purple" v-if="activeName==='second'">
                  <div
                    id="drawSingleInfo"
                    ref="chart2"
                    style="width: 100%; height: 400%"
                  ></div>
                </div>
            </el-card> 

            </el-tab-pane>
          </el-tabs>

  watch:{

    activeName(val) {
      if(val === 'first'){
        this.$nextTick(function(){
            this.drawTimeSpent();
            this.getPersonInfo();
        })
      }
      else if (val === 'second'){
        this.$nextTick(function(){
         this.getSingleInfo();
         this.drawSingleInfo();
         this.getPersonInfo2();
        })
      }
    },
}