用Swiper+ECharts做移动端数据可视化，想做整屏滑动，每个屏幕显示一个图表。_百度知道
用Swiper+ECharts做移动端数据可视化，想做整屏滑动，每个屏幕显示一个图表。
现在的问题是只有首次加载进来时有动画效果（柱状图会从底部升起），其余的都不动了，该如何解决，是swiper的问题还是echarts的问题？
我有更好的答案
ECharts图表组件当图表数据过多增设滚动条与Highcharts图表进行比较这一点还是很不错的。因为ECharts图表组件可以自行控制，而highcharts图表组件是没有这个属性可以设置的，只能够通过设置chart的zoomType来对图表区域进行缩放或者放大。ECharts图表组件想要给图表添加滚动条进行数据区域的缩放，与toolbox.feature.dataZoom同步，但是这个数据区域缩放只对直角坐标系有用。饼图一类的就不起效！
采纳率：96%
来自团队：
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。脚本简介swiper移动端滑动切换选项卡代码是一款手机移动端导航滑动tab选项卡切换代码。
特别说明：
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
各线路极速下载器通过p2p加速功能，帮助用户对于大文件能更好的加速下载。
其他普通下载点限制多线程，仅允许直接点击或另存为下载等单线程下载的软件，较适合小的文件下载！
如有侵犯您的版权，请及时联系#qq.com(#换@)，我们将尽快处理。
& CopyRight , , Inc.All Rights Reserved.懒得我都懒得告诉你我为什么懒得不告诉你。
移动端页面使用rem来做适配
rem来做适配以前我们往往这样做页面：viewport width 设置为 device-width，然后选我们需要兼容设备的最小宽度（一般是320px）。根据这最小宽度来做页面。单位使用px和百分比。在宽度不同的设备上，页面的字体大小，内容尺寸都是一样的，不同的是，大屏的内容间的空隙比小屏的大。所以这样做的缺点就是，页面在某些尺寸的设备上显示的效果不好。如果用rem来页面，我们会根据不同的设备宽度在根元素上设置不同的字体大小。宽度越宽，字体越大。然后对原本使用px的地方使用rem来替换。这样，字体大小，内容尺寸，对随着屏幕宽度的变大而变大。具体做法1 根据不同的设备宽度在根元素上设置不同的字体大小。为了能将设计稿中的 px 方便的转换为页面中 rem，我设置 1rem 为 宽度为 640px 的设计稿中的 100px。代码如下(function(win) {
var doc = win.
var docEl = doc.documentE
function refreshRem() {
var width = docEl.getBoundingClientRect().
if (width & 540) { // 最大宽度
width = 540;
var rem = width / 6.4;
docEl.style.fontSize = rem + 'px';
win.addEventListener('resize', function() {
clearTimeout(tid);
tid = setTimeout(refreshRem, 300);
}, false);
win.addEventListener('pageshow', function(e) {
if (e.persisted) {
clearTimeout(tid);
tid = setTimeout(refreshRem, 300);
}, false);
refreshRem();
})(window)做页面时设计图除以100就可以直接写rem了。。备注：写的时候最好利用script标签把js写到head中
没有更多推荐了，移动端swiper做页面切换，如何让做最后一页滑动时回到第一页_百度知道
移动端swiper做页面切换，如何让做最后一页滑动时回到第一页
我有更好的答案
&div class=&swiper-container swiper1&&
&div class=&arrows_left a_left1&&&img src=&images/bm_leftbtnpng.png& alt=&&/&&/div&
&div class=&swiper-wrapper&&
&div class=&swiper-slide&& &img src=&uploads/detail_pic.jpg& alt=&&/& &/div&
&div class=&swiper-slide&& &img src=&uploads/detail_pic.jpg& alt=&&/& &/div&
&div class=&swiper-slide&& &img src=&uploads/detail_pic.jpg& alt=&&/& &/div&
&div class=&swiper-slide&& &img src=&uploads/detail_pic.jpg& alt=&&/& &/div&
&div class=&swiper-slide&& &img src=&uploads/detail_pic.jpg& alt=&&/& &/div&
&div class=&arrows_right a_right1&&&img src=&images/bm_rightbtn.png& alt=&&/&&/div& &/div&/* * swiper初始化 */var swiper1 = new Swiper('.swiper1', {
loop:false,
grabCursor: true,
onSlideChangeStart: function(){
var index=swiper1.activeS
$(&.p1&).html(index+1);
swiper2.swipeTo (index);
onTouchEnd:function(){
/*手指滑动时，判断手指滑动的方向*/
// alert(swiper1.slides.length);
/*上一篇*/
/*下一篇*/
采纳率：71%
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。移动端框架swiper笔记 - 简书
移动端框架swiper笔记
swiper用于制作各种幻灯片的移动端框架，官方网站为：
今晚学习顺便做下笔记。主要看了swiper的api
1、autoplay：2000，
//自动切换 2s
自动切换的时间间隔（单位ms），不设定该参数slide不会自动切换，用户操作后autoplay停止
2、initialSlide:2，
// 当前索引值为第2张 ，从0计数
设定初始化时slide的索引。
3、direction : vertical ，
//滑动方向为垂直
Slides的滑动方向，可设置水平(horizontal)或垂直(vertical)。
4、speed：1000；
//滑动速度为1000 ， 默认300
滑动速度，即slider自动滑动开始到结束的时间（单位ms）。
5、autoplayDisableOnInteraction : false,
用户操作swiper之后，是否禁止[autoplay]，默认为true：停止。如果设置为false，用户操作swiper之后自动切换不会停止，每次都会重新启动autoplay。
6、autoplayStopOnLast：true,
如果设置为true，当切换到最后一个slide时停止自动切换。（loop模式下无效）
7、grabCursor : true,
设置为true时，鼠标覆盖Swiper时指针会变成手掌形状，拖动时指针会变成抓手形状。（根据浏览器形状有所不同）
今天的一小步，明天的一大步
分享一波代码........类库的强大我等已跪.............代码如下，方法详细注释了......在这要提一下loop这个属性了
——& Slide 1 这里要在赋一个新的类名，然后loop才能正常的循环切换图片，要不然会出bug，具体的话.....我也不是很...
介绍 Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件,可以用来做轮播和滑动. 正文 初始化 基本配置 触摸设置 禁止切换和前进后退 分页器 切换效果 进程 常用属性和回调
tab列表折叠效果 html: 能源系统事业部
岗位名称：
岗位名称：
AC Power事业部
岗位名称：
岗位名称：
信息工程部 ...
mobileTech A useful tools or tips list for mobile web application developing 这个项目收集移动端开发所需要的一些资源与小技巧 移动端统计 (from BiosSun) 可基于下方所列出的统计数据来决...
1. 在使用的时候要引入的有 swiper.min.js和swiper.min.css 2. 最简单的swiper结构： HTML:
CSS.swiper-slide{
你为啥会买车？是为了上下班代步，亦或是想要享受驾驶带来的乐趣。有位朋友想买辆紧凑型车，预算8万左右，看中了吉利帝豪和比亚迪速锐，但周围的朋友都劝阻，说国产车质量不行，买了会后悔，还是合资品牌的好. 虽说现在自主品牌产品得到越来越多的赞赏，很多人都会选择这些精良的国产车型，但...
作业1：好好回想一下，小时候呆呆看过什么。挑选一个印象或一幅画面写出来。 2. 尝试随时记录，确定自己更适合手机记录还是笔记本记录。记录两天后，发一张笔记截图或照片。 1.
没事的时候，我就坐在阳台上。面对着大山，就像看一幅流动的画卷，很幸福。
太阳的光在大...
往年在新旧交替时分，手机总是一种饱和状态，因为总有不同的人发着祝福短信给你，认识的或者不认识的，熟悉的或是陌生的；自己呢，浏览着这些短信也不好意思不回，于是诚心诚意礼貌地回了条过去。 后来大家发现有了微信，短信这种东西就没必要再发了，这一来一回的，还让中国移动赚个钱，觉得没...
今天发现这款简书app非常好，毫不犹豫的下载了决定从今天开始，把我从前的习惯重拾起来！对，就是写日记的习惯！ 回忆起来，我有十年没写过了。想想真的好愧疚！从中学开始，在老师的要求下学会写日记，没想到这一写不可收拾，养成了日后雷打不动的习惯！甚至到高三大家都为挤独木桥而挑灯夜...
彭敏是谁？ 如果你会有此问，那说明你最近可能没怎么看电视，或者没怎么看新闻。 是的，最近央视一套的《中国诗词大会》很火，有颜值、有卖萌，更重要的是有知识、有内涵，能让人什么叫做真正的“腹有诗书气自华”。 哈，说了这一大串，貌似我很熟悉。其实，我也没完整看过一期。只是由于工作...}