Gantt
Gantt Chart Add-on
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
Compatibility
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-onGantt 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.