Home > Web Front-end > HTML Tutorial > amcharts automatic scrolling effect_html/css_WEB-ITnose

amcharts automatic scrolling effect_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:00:39
Original
1308 people have browsed it

Please amcharts master.
When there is a lot of data in the histogram, I hope that amcharts can automatically scroll, but I can't find the corresponding demo or attribute.
The effect is similar to the following link:
http://themeforest.net/item/archon-flat-responsive-admin-bootstrap-3-template/full_screen_preview/5831779
Traffic Source in
.
The picture is as follows:


Reply to the discussion (solution)

The scrolling one at the bottom is written by HTML5 canvs, you Let's look for relevant information...I haven't written anything about this. . . . ;. . . . .

Thanks to the 1st floor. . . . . .

amcharts Never used. Most of them are bound through json data. For live ones, there should be interface intervals to request data through ajax and refresh it. See how the data of the control is tied up.

I saw that some website templates had the effect of bar chart scrolling before, so I naturally thought that the control itself should provide such an implementation, so I searched for documents repeatedly along this line of thinking.
Thanks to the reminder from the third floor and colleagues around me. After careful study, I found that the idea of ​​scrolling is as follows:
1. Take out a part of the data. For example, there are 30 pieces of data and only 10 are displayed on the page, then take 1- 10 pieces of data;
2. Set a timer, for example, after 1s, take out 2-11 pieces of data and regenerate the chart;
3. After another 1s, take out 3-12 pieces of data and regenerate the histogram. By taking it out in a loop like this, you can achieve the rolling effect.

Another problem encountered during the process is that jquery1.9.1 dynamically binds the .on method, and its unbinding method is the .off method. It took several hours for this, so please pay attention during development.
The code will not be given. I believe readers can write it if they have ideas.

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template