swiper3 和 baidu echarts 结合使用，swiper设置loop:true，导致图表显示不出来

Question

最近使用到swiper3 用来做图表echarts的切换，但是在使用中发现，当打开loop:true，之后功能就不正常了，下一张轮播的图标渲染不出来。

猜想的可能：echarts初始化需要根据id来进行初始化，而swiper设置了loop:true之后，会复制两个id相同的div，导致echarts初始化失败。

请问各位大神，有没有遇到类似问题以及解决方案

Answer 1

如果是在angular里，在钩子中也要去调用一次，ngAfterViewInit(){

this.config.navigation = true;
this.config.pagination = this.pagination;

}才能正常。

Answer 2

我用生成背景图的方法解决了这个问题，具体请参见微博笔记

    https://weibo.com/1731935180/H60nBwje2

Answer 3

请问，你解决这个问题了吗？我也遇到类似的了。。。求分享！