Gantt Chart

The Gantt chart view provides a visual timeline of your project, showing task durations, dependencies, and progress in a horizontal bar chart format.

Screenshot needed � add an annotated image showing this UI

What Is a Gantt Chart?

A Gantt chart displays:

• Tasks as horizontal bars
• Timeline on the horizontal axis
• Duration as bar length
• Dependencies as connecting lines
• Progress as shaded portion of bars
• Milestones as diamond markers

Accessing Gantt View

From a Project

1. Open a project
2. Click Views dropdown
3. Select Gantt

From Tasks Page

1. Go to Projects > Tasks
2. Click view switcher
3. Select Gantt

Reading the Gantt Chart

Chart Elements

Timeline Navigation

Time Scales

Zoom Levels

Change scale with zoom controls or mouse wheel.

Task Dependencies

Types of Dependencies

Creating Dependencies

Method 1: Drag and Drop

1. Hover over a task bar
2. Drag connection handle (small circle)
3. Drop on target task
4. Dependency is created

Method 2: Task Detail

1. Open task detail
2. Go to Dependencies tab
3. Click Add Dependency
4. Select dependency type
5. Choose related task
6. Save

Dependency Display

Dependencies show as:

• Lines connecting task bars
• Arrows indicating direction
• Different colors for dependency types

Editing in Gantt View

Rescheduling Tasks

Drag to Move:

1. Click and hold task bar
2. Drag left or right
3. Drop at new position
4. Start and due dates update

Resize Duration:

1. Hover over bar edge
2. Drag handle appears
3. Drag to extend or shorten
4. Due date updates

Updating Progress

1. Click on task bar
2. Drag progress handle (inner edge)
3. Set % complete
4. Or enter number directly

Creating Tasks

1. Double-click on empty area
2. New task created at that date
3. Enter task name
4. Adjust duration as needed

Milestones

Creating Milestones

Milestones mark key dates:

1. Create a task
2. Set duration to 0 days
3. Or toggle Is Milestone
4. Appears as diamond on chart

Milestone Examples

• Project kickoff
• Design approval
• Beta launch
• Final delivery

Critical Path

What Is Critical Path?

The sequence of tasks that determines project duration:

• Delay in critical path = Delay in project
• No slack time between tasks
• Highlighted in red on Gantt

Viewing Critical Path

1. Click Critical Path button
2. Critical tasks highlighted
3. Shows shortest possible timeline

Baseline Comparison

Setting a Baseline

Save original schedule for comparison:

1. Click Baseline menu
2. Select Set Baseline
3. Name it (e.g., "Original Plan")
4. Save

Comparing to Baseline

1. Toggle Show Baseline
2. Original schedule appears as ghost bars
3. Compare current vs planned
4. Identify drift

Gantt Settings

Configuration Options

Default View

Set Gantt as default for a project:

1. Open project
2. Go to Settings
3. Set Default View to Gantt
4. Save

Exporting Gantt

Export Options

Print

Print the Gantt chart:

1. Adjust view to show desired range
2. Click Print
3. Configure print settings
4. Print or save as PDF

Best Practices

Task Granularity

• Not too detailed (overwhelming)
• Not too high-level (not useful)
• 1-5 days per task ideal
• Group related tasks

Dependencies

• Use finish-to-start most common
• Only create meaningful dependencies
• Avoid over-linking
• Check for circular references

Maintenance

• Update progress regularly
• Adjust dates when delayed
• Communicate changes to team
• Review weekly

---

Next Steps

• Tasks — Manage task details
• Project Settings — Configure defaults
• Roadmaps — Multi-project timeline view