Directory

← Back

Gantt

Gantt Chart Add-on

Author

Rating

Popularity

100+

Gantt Chart helps you to orginize schedules for projects. Divide your project in steps and adjust start time and length easily by dragging and moving them on the screen.

List of features:

  • Server side API allows to modify timeline options and step options
  • adjustable timeline range
  • timeline supports Hour, Day and Week resolutions
  • modify step's start date and end date by dragging and moving the step
  • reorder steps by drag and dropping
  • scrolling enabled horizontally and vertically for a large chart content
  • scales the small timeline and content width up to fit in the space available
  • vaadin Table or Grid can be used as a row header, vertical scrolling is mirrored to the table and vice versa
  • background grid
  • dynamically modifiable predecessor relations between steps
  • sub-steps
  • tooltips for steps
  • touch support
  • supports Valo theme
  • current time indicator.

Sample code

import java.util.Calendar;
import java.util.Date;
import org.tltv.gantt.Gantt;
import org.tltv.gantt.Gantt.MoveEvent;
import org.tltv.gantt.Gantt.ResizeEvent;
import org.tltv.gantt.client.shared.Step;
...

gantt = new Gantt();
gantt.setWidth(100, Unit.PERCENTAGE);
gantt.setHeight(500, Unit.PIXELS);
gantt.setResizableSteps(true);
gantt.setMovableSteps(true);

Calendar cal = Calendar.getInstance();
cal.setTime(new Date());
gantt.setStartDate(cal.getTime());
cal.add(Calendar.YEAR, 1);
gantt.setEndDate(cal.getTime());

cal.setTime(new Date());
Step step1 = new Step("First step");
step1.setStartDate(cal.getTime().getTime());
cal.add(Calendar.MONTH, 2);
step1.setEndDate(cal.getTime().getTime());

gantt.addStep(step1);


gantt.addClickListener(new Gantt.ClickListener() {

            @Override
            public void onGanttClick(org.tltv.gantt.Gantt.ClickEvent event) {
                Notification.show("Clicked" + event.getStep().getCaption());
            }
 });

gantt.addMoveListener(new Gantt.MoveListener() {

            @Override
            public void onGanttMove(MoveEvent event) {
                Notification.show("Moved " + event.getStep().getCaption());
            }
});

gantt.addResizeListener(new Gantt.ResizeListener() {

            @Override
            public void onGanttResize(ResizeEvent event) {
                Notification.show("Resized " + event.getStep().getCaption());
            }
});

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

  • added current time indicator (optional)
  • added Gantt.setTimelineHourFormat(String)
  • added OSGi support
  • various bug fixes
Released
2018-09-21
Maturity
STABLE
License
Apache License 2.0

Compatibility

Framework
Vaadin 8.1+
Vaadin 7.1+ in 0.0.2
Vaadin 7.1 in 0.2.2
Vaadin 7.0 in 0.2.2
Vaadin 7.2+ in 0.3.0
Vaadin 7.7+ in 0.9.4
Vaadin 8.0+ in 1.0.0
Browser
Firefox
Safari
Google Chrome
Internet Explorer
Microsoft Edge

Gantt - Vaadin Add-on Directory

Gantt Chart Add-on Gantt - Vaadin Add-on Directory
Gantt Chart helps you to orginize schedules for projects. Divide your project in steps and adjust start time and length easily by dragging and moving them on the screen. List of features: * Server side API allows to modify timeline options and step options * adjustable timeline range * timeline supports Hour, Day and Week resolutions * modify step's start date and end date by dragging and moving the step * reorder steps by drag and dropping * scrolling enabled horizontally and vertically for a large chart content * scales the small timeline and content width up to fit in the space available * vaadin Table or Grid can be used as a row header, vertical scrolling is mirrored to the table and vice versa * background grid * dynamically modifiable predecessor relations between steps * sub-steps * tooltips for steps * touch support * supports Valo theme * current time indicator.
Online