Timeline component for Vaadin Flow

Timeline component uses vis-timeline library to display data in time.

This component is part of Vaadin Component Factory.

Description

Timeline component provides support to the following features:

• Create a timeline with a defined visible range.
• Make items readonly.
• Update items content.
• Give items a style by defining a class name.
• Edit an item by resizing it.
• Edit an item by drag and drop.
• Multiple items selection.
• Possiblity to define zoom options (e.g. 1 day, 3 days, 5 days).
• Items are shown connected by an horizontal line between them. (*)
• Show tooltips for items.
• Possibility to revert resizing or dragging if condition is not met.
• Autoscrolling when reaching limits of visible range.
• Tooltip on item update.

(*) Horizontal lines implementation is based on timeline-arrows.

Development instructions

• Build the project and install the add-on locally:

mvn clean install

• For starting the demo server go to timeline-demo and run:

mvn jetty:run

This deploys demo at http://localhost:8080

How to use it

Create a new component Timeline:

Timeline timeline = new Timeline(items);

Examples

See examples on timeline-demo.

Missing features or bugs

You can report any issue or missing feature on GitHub.