Heim > Web-Frontend > HTML-Tutorial > amcharts 自动滚动效果_html/css_WEB-ITnose

amcharts 自动滚动效果_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:00:39
Original
1307 Leute haben es durchsucht

求amcharts大神啊。
当柱状图的数据特别多的时候,希望可以让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方法。为这个花费了好几个小时,大家开发中要注意哟。
代码就不给出,有了思路,相信读者可以写出来的。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage