Comments (3)
First, the Timeline is an excellent solution for this type of applications. However, I would consider not to use "paginate" buttons to load the next set of data. Rather look at how Google Maps works: as soon as you drag the map, corresponding parts of the map are loaded. The same approach will work very nicely with the Timeline, and works much more intuitive than separate buttons: when the user moves the Timeline, the data in the visible area should be loaded automatically from the server.
- Create one instance of the Timeline. Give it a maximum zoom level (option
intervalMax
) to prevent zooming out too much. - Create an event listener for the
rangechanged
event (see docs). - When the range changes (due to the user dragging or zooming), retrieve the new visible range with the method
getVisibleChartRange
. Send this range to a Controller in your page, which controls fetching and caching the data. - This controller should check if the items in the requested range are in cache, and if not, retrieve the missing data from the server. After the data is complete, the Controller can load the new data in the Timeline using the method
draw
orsetData
. - The Controller should also have some "garbage collection", to prevent too much data being kept in memory.
Next, it is hard to tell from just your description if the issue you have is something related to the memory management of your browser, something related to the timeline, or something in your code. From your code snippet I see that you delete the timeline with each redraw. This should not leave anything in memory, the timeline does not use any global variables or event listeners. So at that point it is up to the browser to free the memory.
The issue with the Timeline not drawing data after a while sounds weird, especially because you completely delete the Timeline every time. Can you create a small example demonstrating the issue in a repeatable way?
from chap-links-library.
zmang12, do you have any more comments or feedback on this issue, or shall I close it?
from chap-links-library.
I will close this issue for now. If you have any more on this please feel free to re-open the issue.
from chap-links-library.
Related Issues (20)
- chap links timeline customisation HOT 3
- Start and group after double click HOT 7
- Timeline - Wrong item top position with empty group HOT 3
- Network - How can I fire an event on node/link selection HOT 1
- Timeline - Set custom time with click HOT 2
- Can't scroll vertically when on mobile HOT 1
- (timeline) fix top and group axis left to scroll down with touch - Question HOT 12
- zoomin and zoomout feature not working in chaps link library timeline slider HOT 1
- On executing draw/redraw the slider not rendering after first time calling the draw method of chaps link library timeline. HOT 1
- 1 month offset in timeline HOT 2
- Destroy method for timeline
- Drag and Drop from external events
- Time limit
- Input textbox not working.
- Timeline "isSelected" and "unselectItem" don't work with clusters
- Can't load graphs while running GWT projects, but it runs with JS version
- graph3d.js enhancements HOT 1
- Stacking not always working
- B.C. Dates possible?
- Keep -dump output pristine
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from chap-links-library.