Gantt

Gantt Chart Add-on

View larger

Close

View larger

Close

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());
            }
});

Links

• Gantt API
• Online Demo
• Issue Tracker
• Source Code

Compatibility