echarts在element的tab页中width显示为100px

问题描述：vue+element项目中使用到了tab切换选项卡，其中有一个tab下的内容是echarts，出现了echarts宽度缩减为100px无法继承100%属性。

因为在切换tab项之前，除第一个以外，都是display:none;Echarts无法获取到width。导致展示为默认100px；

我们让tab项延迟加载就可以了。:lazy="true"

<el-tabs class="simulation-right" v-model="activeName">
    <el-tab-pane name="1" label="柱状图">
        <BarChart/>
    </el-tab-pane>
    <el-tab-pane name="2" label="折线图" :lazy="true">
        <LineChart/>
    </el-tab-pane>
</el-tabs>

希望对你有用