利用window对象自带的onresize事件,自动判断窗口变化,当窗口大小发生变化时,调用echarts实例的resize方法,实现响应式
在onMounted钩子里绑定事件,代码如下
onMounted(() => {
const myCharts = echarts.init(proxy.$refs.myEcharts)
myCharts.setOption(props.option)
// 重点是这里
window.onresize = function () {
myCharts.resize()
}
})