vue使用echarts图表自适应的几种解决方案

　　var EleResize = {

　　_handleResize: function (e) {

　　var ele = e.target || e.srcElement

　　var trigger = ele.__resizeTrigger__

　　if (trigger) {

　　var handlers = trigger.__z_resizeListeners

　　if (handlers) {

　　var size = handlers.length

　　for (var i = 0; i < size; i++) {

　　var h = handlers[i]

　　var handler = h.handler

　　var context = h.context

　　handler.apply(context, [e])

　　}

　　}

　　}

　　},

　　_removeHandler: function (ele, handler, context) {

　　var handlers = ele.__z_resizeListeners

　　if (handlers) {

　　var size = handlers.length

　　for (var i = 0; i < size; i++) {

　　var h = handlers[i]

　　if (h.handler === handler && h.context === context) {

　　handlers.splice(i, 1)

　　return

　　}

　　}

　　}

　　},

　　_createResizeTrigger: function (ele) {

　　var obj = document.createElement('object')

　　obj.setAttribute('style',

　　'display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden;opacity: 0; pointer-events: none; z-index: -1;')

　　obj.onload = EleResize._handleObjectLoad

　　obj.type = 'text/html'

　　ele.appendChild(obj)

　　obj.data = 'about:blank'

　　return obj

　　},

　　_handleObjectLoad: function (evt) {

　　this.contentDocument.defaultView.__resizeTrigger__ = this.__resizeElement__

　　this.contentDocument.defaultView.addEventListener('resize', EleResize._handleResize)

　　}

　　}

　　if (document.attachEvent) { // ie9-10

　　EleResize.on = function (ele, handler, context) {

　　var handlers = ele.__z_resizeListeners

　　if (!handlers) {

　　handlers = []

　　ele.__z_resizeListeners = handlers

　　ele.__resizeTrigger__ = ele

　　ele.attachEvent('onresize', EleResize._handleResize)

　　}

　　handlers.push({

　　handler: handler,

　　context: context

　　})

　　}

　　EleResize.off = function (ele, handler, context) {

　　var handlers = ele.__z_resizeListeners

　　if (handlers) {

　　EleResize._removeHandler(ele, handler, context)

　　if (handlers.length === 0) {

　　ele.detachEvent('onresize', EleResize._handleResize)

　　delete ele.__z_resizeListeners

　　}

　　}

　　}

　　} else {

　　EleResize.on = function (ele, handler, context) {

　　var handlers = ele.__z_resizeListeners

　　if (!handlers) {

　　handlers = []

　　ele.__z_resizeListeners = handlers

　　if (getComputedStyle(ele, null).position === 'static') {

　　ele.style.position = 'relative'

　　}

　　var obj = EleResize._createResizeTrigger(ele)

　　ele.__resizeTrigger__ = obj

　　obj.__resizeElement__ = ele

　　}

　　handlers.push({

　　handler: handler,

　　context: context

　　})

　　}

　　EleResize.off = function (ele, handler, context) {

　　var handlers = ele.__z_resizeListeners

　　if (handlers) {

　　EleResize._removeHandler(ele, handler, context)

　　if (handlers.length === 0) {

　　var trigger = ele.__resizeTrigger__

　　if (trigger) {

　　trigger.contentDocument.defaultView.removeEventListener('resize', EleResize._handleResize)

　　ele.removeChild(trigger)

　　delete ele.__resizeTrigger__

　　}

　　delete ele.__z_resizeListeners

　　}

　　}

　　}

　　}

　　export {EleResize}