解决Echarts封装成组件时只有最后一个才会缩放的问题

参考了此文,并且强烈建议去看http://blog.csdn.net/crper/article/details/76091755

一般网上的方法都是

 mounted() {
        this.drawChart();
        window.onresize=()=>{
            console.log(this.id)
            this.chart.resize();
        }
      }

这么做,在多个组件的情况下,只有最后一个组件会进行缩放。

其实只需要这么做就可以了:

mounted() {
        this.drawChart();
        window.addEventListener('resize', ()=>{
            setTimeout(() => {this.chart.resize();},100)
        });
      }

添加了延迟函数是为了增强一下性能

  

posted @ 2018-03-02 09:17  湛蓝玫瑰  阅读(335)  评论(0编辑  收藏  举报