Comments (3)
I think there are plenty of different use cases to deal with present/past events, so I don't think there is a single solution for this which suites everybodies needs.
It is however not difficult to implement this functionality yourself: create a timer which regularly checks whether the current time passed the end of any of your items, if so, adjust this item. If you use a DataSet, the changes will be automatically reflected in the timeline.
from vis.
Why not? :) I had in mind a special keyword for "end" of ongoing events (like end: "present"), for which we know that they will be ranges, but the end is not known yet. Here is my solution: if the "start" date is in the future, they will be displayed like boxes or points, but if the "start" is in the past, "end" will be aligned to CurrentTime line, until the "end" is not fixed in the DataSet by user interaction or SSE event. Such kind of functionality will allow to build interactive web interface based on your Timeline, like selling rental products, or for managing internet cafe, or what ever.
Anyway, I gonna fork you, just wanted to share this idea, that can give a new aspect of using your product, which is great.
BR
from vis.
I understand your point, it is indeed an interesting case. Not sure, but would it be possible to create a new Item type for this, extending the default Range? Then this item should regularly update its own view?
Regarding past/future items: it will be interesting to add css classes to the items denoting whether they are in the past or future. So you can easily give items in the past an other styling than future items. And the same with the time axis and weekdays, so you can give weekends a different styling and things like that.
from vis.
Related Issues (20)
- Overlapping Edges in Vis.js 4.20.0 and later HOT 1
- Timeline - how to dynamically change options value? HOT 3
- timeline - update tooltip on onMoving callback is not working HOT 2
- Cross-Site Scripting DOM Input Validation and Representation HOT 1
- how to change X-Axis data format in Vis.js
- Suggestion for showcase - museum-digital
- Select option list is not clickable in groups section
- Flicking a timeline element off of screen unable to drag other element
- Is it possible to have a single line be drawn with multiple colors based on the data?
- Timeline bug with safari βmoveToβ HOT 1
- Github Pages site for visjs.org down HOT 3
- Update items or remove
- Shorthand option for edge color being ignored
- Every time you update the "network" shape always changes, how can you make the shape unchanged? HOT 2
- Connector title disappears when (re-)opening a cluster HOT 2
- Looking for a plugin to draw such this graph online HOT 1
- Edge label at 0,0 HOT 1
- can we have items on either side of timeline(up and down)
- Showcase suggestion: libcolgraph
- Mark Original Start in Timeline Bar
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 vis.