查看: 3678|回复: 5
打印 上一主题 下一主题

swiper3 和 baidu echarts

[复制链接]

该用户从未签到

1

主题

1

帖子

23

积分

新手上路

Rank: 1

积分
23
跳转到指定楼层
楼主
发表于 2016-3-14 17:57:36 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
最近使用到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>
        <!-- Add Arrows -->
        <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
    });

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

  • TA的每日心情
    难过
    2016-5-27 11:02
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    4

    帖子

    47

    积分

    新手上路

    Rank: 1

    积分
    47
    沙发
    发表于 2016-5-26 18:44:11 | 只看该作者
    楼主问题解决了吗?  
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    难过
    2016-5-27 11:02
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    4

    帖子

    47

    积分

    新手上路

    Rank: 1

    积分
    47
    板凳
    发表于 2016-5-26 18:58:09 | 只看该作者
    我这里用 swiper 结合 echarts, swiper 倒是正常, 可echarts却现实不出来 。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    难过
    2017-4-28 13:12
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    3

    帖子

    12

    积分

    新手上路

    Rank: 1

    积分
    12
    地板
    发表于 2017-4-28 13:18:02 | 只看该作者
    huozw 发表于 2016-5-26 18:58
    我这里用 swiper 结合 echarts, swiper 倒是正常, 可echarts却现实不出来 。

    需要设置高度和宽度吧,div
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    4

    帖子

    10

    积分

    新手上路

    Rank: 1

    积分
    10
    5#
    发表于 2017-6-12 16:07:06 | 只看该作者
    sharp367 发表于 2017-4-28 13:18
    需要设置高度和宽度吧,div

    打开  loop:true   //渲染不出来    我也遇到这个问题    求解决
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    1

    主题

    3

    帖子

    5

    积分

    新手上路

    Rank: 1

    积分
    5
    6#
    发表于 2019-5-9 05:22:51 | 只看该作者
    请问楼主怎么解决的
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-5-6 15:03 , Processed in 0.107612 second(s), 26 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表