引入外部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!