在Swiper轮播配合echarts使用过程中,出现了一些bug,如下图所示。
第二张图会变小,是因为,echarts在调用init初始化的时候,第二张轮播图的图表没有得到绘制。但是,echarts官网给我们提供了resize() API 可以重新绘制图表。
resize() apiresise方法只接受像素单位,而项目是移动端,需要使用百分比,或者说死动态显示。所以,只能先计算div的宽高,再重新赋值。
在Swiper轮播配合echarts使用过程中,出现了一些bug,如下图所示。
第二张图会变小,是因为,echarts在调用init初始化的时候,第二张轮播图的图表没有得到绘制。但是,echarts官网给我们提供了resize() API 可以重新绘制图表。
resize() apiresise方法只接受像素单位,而项目是移动端,需要使用百分比,或者说死动态显示。所以,只能先计算div的宽高,再重新赋值。
本文标题:Swiper结合Echarts使用的一些问题
本文链接:https://www.haomeiwen.com/subject/vzagvttx.html
网友评论