amcharts 自动滚动效果_html/css_WEB-ITnose
程序员文章站
2022-03-31 17:40:35
...
求amcharts大神啊。
当柱状图的数据特别多的时候,希望可以让amcharts自动滚动,但是一直找不到对应的demo或属性。
效果类似如下链接:
http://themeforest.net/item/archon-flat-responsive-admin-bootstrap-3-template/full_screen_preview/5831779
中的 Traffic Source。
图如下:
当柱状图的数据特别多的时候,希望可以让amcharts自动滚动,但是一直找不到对应的demo或属性。
效果类似如下链接:
http://themeforest.net/item/archon-flat-responsive-admin-bootstrap-3-template/full_screen_preview/5831779
中的 Traffic Source。
图如下:
回复讨论(解决方案)
最下面的那个滚动的是html5的canvs写的,你找下相关资料吧...没写过这方面的。。。。;。。。。。
感谢1楼。。。。。。
amcharts 没用过。大多数都是通过json数据来绑定,live的应该是有接口间隔通过ajax去请求数据,重新刷。看看控件的数据怎么绑上去的。
之前看到一些网站模板有柱状图滚动的效果,理所当然地就认为控件本身应该会提供这样的实现,所以按照这一思路反复去查找文档。
感谢三楼以及身边同事的提醒,仔细研究之后,发现滚动的思路是这样的:
1、取出一部分数据,比如有30条数据,页面只展示10条,那么就取1-10条数据;
2、设置一个定时器,如1s后,取出2-11条数据,重新生成图表;
3、再过1s,取出3-12条数据,重新生成柱状图,如此循环取出,就可以达到滚动的效果。
另外过程中遇到的一个问题是,jquery1.9.1 动态绑定 .on方法,其取消绑定的方法为 .off方法。为这个花费了好几个小时,大家开发中要注意哟。
代码就不给出,有了思路,相信读者可以写出来的。
下一篇: 使用Node如何配置文件(详细教程)
推荐阅读
-
不通过JavaScript实现的自动滚动视差效果
-
Android使用Recyclerview实现图片水平自动循环滚动效果
-
如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度
-
原生JS实现列表内容自动向上滚动效果
-
HTML5实现直播间评论滚动效果的代码
-
CSS3 实现六边形Div图片展示效果_html/css_WEB-ITnose
-
具有动态效果的响应式设计_html/css_WEB-ITnose
-
一款纯css3实现的机器人看书动画效果_html/css_WEB-ITnose
-
在网页里嵌入swf文件,如何让swf文件的高度和宽度能自动适应_html/css_WEB-ITnose
-
css3过度效果_html/css_WEB-ITnose