在vue中使用echars不能自适应的解决方法

<div class="echarts">

　　<IEcharts :option="bar" ref="echarts"></IEcharts>

</div>

mounted () {
      this.init()
    },
    methods: {
      init () {
        const self = this
        setTimeout(() => {
          window.onresize = function () {
            self.$refs.echarts.resize()
          }
        }, 20)
      },
      handleClick (tab, event) {
        console.log()
      }
    }

需要我们手动去触发echarts中的resize()事件，当监听到浏览器窗口变化时，重新绘制canvas画布

转载于:https://www.cnblogs.com/songdongdong/p/7151119.html