原因是 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后,浏览器会根据图形实际大小自动调整宽高。