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

2019年8月31日11:35:07
评论

求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方法。为这个花费了好几个小时,大家开发中要注意哟。
代码就不给出,有了思路,相信读者可以写出来的。

企鹅博客
  • 本文由 发表于 2019年8月31日11:35:07
  • 转载请务必保留本文链接:https://www.qieseo.com/371743.html

发表评论