swiper插件实现echarts轮播的解决方案_ide

引入外部js

<!-- 轮播swiper文件 -->
<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
<script src="js/swiper.min.js"></script>

HTML代码

<div class="swiper-container visual_swiper2 visual_chart">
          <div class="swiper-wrapper">
            <div class="swiper-slide"  id="main4"></div>
            <div class="swiper-slide"  id="main41"></div>
          </div>
        </div>

JS代码

var mySwiper2 = new Swiper('.visual_swiper2', {
    autoplay: true,//可选选项，自动滑动
    direction : 'vertical',//可选选项，滑动方向
    speed:2000,//可选选项，滑动速度
  })


一定要注意设置好图表的高度，否则会显示不出来。


Done！