前情介绍: 最近做的一个vue项目中,使用echart图表组件展示数据,展示方式是点击按钮弹出弹层,在弹层中展示图表,使用vue组件方式:通过监听数据变化,在调用图表组件的页面中使用如下方法刷新数据: this.$nextTick(function() { // 在这里赋值图表数据,渲染视图 }) 问题描述: 弹出层的图表展示有时无法100%自适应宽度,图表数据展示如果是在页面中正常初始化就展示没有问题,但是如果是在初始化的弹层里默认为display:none,弹层显示的时候,图表自适应宽度计算会有一定几率出现宽度…