vue中ECharts图表自适应

首先在main.ts中挂在全局方法

// 挂载resize方法
Vue.prototype.$echartsResize = function (ref:any) {
  window.addEventListener("resize",function(){
    ref.resize()
  })
}

然后在你初始渲染图表的地方加上这一句话

//@ts-ignore
    this.$echartsResize(myChart);

这样就能自适应啦，随便你怎么浏览器缩放或者放大