vue-echarts 引入报DOM宽度错误

原因是 ECharts 初始化时宽高为 0。

这里通过给 VChart 组件设置宽高并不能消除这个警告,原因是 ECharts 初始化使用的 div 实际上是 VChart 组件的一个子元素,给 VChart 组件设置宽高并不会作用到 ECharts 初始化时使用的 div 标签。

正确写法是通过 VChart 提供的 init-options 属性设置用于 ECharts 初始化的宽高:
 <div style="padding: 0">
                <v-chart class="chart" :option="option" autoresize :init-options="{ width: 800, height: 300 }"
                         style="width: 100%;"></v-chart>
              </div>
宽高可以随便写一个,启用autoresize后,浏览器会根据图形实际大小自动调整宽高。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值