使用element的tabs切换时，echarts无法正确显示

    最近在使用tabs切换时，发现除了第一页的echarts显示正常以外，其他的显示都不正常，具体现象如下：

其他页的echarts会挤在一起，没办法正常显示。

1.可以在tab切换的事件中，在相应的tab页设置定时器，并在定时器中渲染echarts，以及resize对应的echarts对象。

setTimeout(function () {
    _this.setEcharts(mychar3, echartData3, option1);
    mychar3.resize();
}, 100)

2.也可以使用this.$nextTick

this.$nextTick(function() {
    _this.setEcharts(mychar3, echartData3, option1);
    mychar3.resize();
})

相比之下更推荐第二种方法，其实出现这种问题就是获取不到dom元素，因为vue渲染dom是异步加载的。

可以参考下我的代码，然后对应自己的项目进行修改