在 Vue 中使用 ECharts 实现图形大小自适应,需要在组件的 mounted 钩子函数中执行以下操作:
- 使用 ECharts 提供的 resize 方法重置图表大小。
- 使用 Vue 的监听器监听窗口大小变化事件,并在事件触发时调用 ECharts 的 resize 方法。
示例代码如下:
mounted () {// 初始化图表大小
this.chart.resize()
// 监听窗口大小变化,并重置图表大小
window.addEventListener('resize', () => {
this.chart.resize()
})
}