vue el-tabs切换 不显示echarts 宽度为0

1.通过echarts不同的id，写不同的图，调用接口展示不同的图

<el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="电厂" name="dc" >
        <div :id="'myChart1'" style="width:100%;height:160%;"></div>
    </el-tab-pane>
    <el-tab-pane label="变电站" name="bdz" >
        <div :id="'myChart2'" style="width:100%;height:160%;"></div>
    </el-tab-pane>
</el-tabs>

methods: {
initChart1() {
        this.chart1 = echarts.init(document.getElementById("myChart1"));
        var option = {
          //内容省略
        };
        this.gsList = [];
        this.dsList = [];
        this.chart1.setOption(option, true)
      },
      initChart2() {
        this.chart2 = echarts