Swiper结合Echarts使用的一些问题

        在Swiper轮播配合echarts使用过程中,出现了一些bug,如下图所示。

Swiper结合Echarts使用的一些问题_第1张图片

       第二张图会变小,是因为,echarts在调用init初始化的时候,第二张轮播图的图表没有得到绘制。但是,echarts官网给我们提供了resize() API 可以重新绘制图表。


Swiper结合Echarts使用的一些问题_第2张图片
resize()   api

      resise方法只接受像素单位,而项目是移动端,需要使用百分比,或者说死动态显示。所以,只能先计算div的宽高,再重新赋值。

Swiper结合Echarts使用的一些问题_第3张图片


Swiper结合Echarts使用的一些问题_第4张图片

你可能感兴趣的:(Swiper结合Echarts使用的一些问题)