在Vue使用Tab切换时echarts只显示100px的问题

     <div class="DataDetails" id="DataDetails">
       <div id="main" style="width:100%;height:400px;"></div>//图表的盒子
     </div>

 that.mychart = this.echarts.init(document.getElementById("main"));
      that.mychart.clear();
      that.mychart.setOption(option); //展示
      setTimeout(function() {
        //重新给图表的盒子设置宽度，若不设置宽度为100px
        var he = $("#DataDetails").width() - 80;//80不是固定的，根据项目的实际数进行修改
        $("#main").css("width", he + "px");
        $("#main div").css("width", he + "px");
        $("#main canvas").css("width", he + "px");
        $("#main canvas").attr("width", he);
      }, 200);