echart统计部分图根据外部盒子自适应

项目基于Vue框架

main.js

// 图表尺寸重制
window.callbackResize = null
let timeout = null
window.onresize = function callbackResizeFn() {
    if (timeout) return
    if (window.callbackResize) {
        timeout = setTimeout(() => {
            clearTimeout(timeout)
            timeout = null
            window.callbackResize()
        }, 500)
    }
}

使用页面（如a.vue）

　mounted() {

　　window.callbackResize = () => {

　　　// 重新绘制

　　  this.resizeRenderChart()

　  }

   },

 

a.vue中的methods

 // queEchat为echart对象

  resizeRenderChart() {

     if (this.queEchat) {

　　　this.queEchat..resize()

    })

   }

 },