Swiper中文论坛

标题: swiper3 和 baidu echarts [打印本页]

作者: testvip 时间: 2016-3-14 17:57
标题: swiper3 和 baidu echarts
最近使用到swiper3 用来做图表echarts的切换，但是在使用中发现，当打开loop:true，之后功能就不正常了，点向左的箭头可以正常循环，点向右的箭头，就无法看到图像了，这是问什么呢？

这是主要代码：chart1和chart2在页面初始化完会echarts生成两个图

      <div class="swiper-wrapper">
         <div class="swiper-slide">Slide 1
            <div id="chart1" style="position:relative;width:800px;height:600px;border:1px solid red;">a</div>
         </div>
         <div class="swiper-slide">Slide 2
            <div id="chart2" style="position:relative;width:800px;height:600px;border:1px solid red;">b</div>
         </div>
      </div>

      <div class="swiper-pagination"></div>
      
      <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>

swiper的代码，最基础的了，
var swiper = new Swiper('.swiper-container', {
      pagination: '.swiper-pagination',
      paginationClickable: true,
      nextButton: '.swiper-button-next',
      prevButton: '.swiper-button-prev',
      loop:true
});

作者: huozw 时间: 2016-5-26 18:44
楼主问题解决了吗?

作者: huozw 时间: 2016-5-26 18:58
我这里用 swiper 结合 echarts, swiper 倒是正常，可echarts却现实不出来。

作者: sharp367 时间: 2017-4-28 13:18

huozw 发表于 2016-5-26 18:58
我这里用 swiper 结合 echarts, swiper 倒是正常，可echarts却现实不出来。

需要设置高度和宽度吧，div

作者: DJANGO 时间: 2017-6-12 16:07

sharp367 发表于 2017-4-28 13:18
需要设置高度和宽度吧，div

打开 loop:true //渲染不出来我也遇到这个问题求解决

作者: 安简曦 时间: 2019-5-9 05:22
请问楼主怎么解决的

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)