Bootstrap

vue+element+echarts echarts图表自适应宽高的百分比被渲染成具体的px

项目场景:

封装自适应的echarts图表在多个页面里复用

问题描述:

封装了一个自适应的echarts图表组件,在一个页面里没有任何问题,在另一个页面里初始化时宽高90%被渲染成了90px,在调整窗口宽度后变为正常。

初始化时效果图,
这时候的canvas宽高都是90px:

初始化時的樣子

html代码:
myEchart是图表组件

<el-tabs>
        <el-tab-pane label="保函统计">
          保函统计
        </el-tab-pane>
        <el-tab-pane label="业务情况" style="width:100%
;