实现echarts图表的响应式

85 阅读1分钟

利用window对象自带的onresize事件,自动判断窗口变化,当窗口大小发生变化时,调用echarts实例的resize方法,实现响应式

在onMounted钩子里绑定事件,代码如下

onMounted(() => {
  const myCharts = echarts.init(proxy.$refs.myEcharts)
  myCharts.setOption(props.option)
  // 重点是这里
  window.onresize = function () {
    myCharts.resize()
  }
})