Gantt Chart Overview

Gantt Chart Overview

Once your columns are mapped, Ganttly generates your Gantt chart.


View modes

You can view your project timeline in the following views:

  • Hourly

  • Daily

  • Weekly

  • Monthly

GanttlyDocumentation1-ezgif.com-speed.gif

 


Structure of the chart

Each item or subitem appears as a bar on the chart. The bar’s position and length reflect the start and end dates from your mapped columns.

Ganttly Documentation (6).png

 

On the left side, you’ll see a list of item names, aligned with their bars.

Items are grouped just like on your board. Every group has a bar that represents the time between its first and last items.

Ganttly Documentation (7).png

 

Groups with no dated items won’t appear on the chart.

Subitems appear directly beneath their parent items, displayed as transparent bars. You can easily show or hide them as needed.

Ganttly Documentation (8).png

If a parent item has no dates but its subitems do, the parent item will appear on the list as a hatched bar.

Ganttly Documentation (9).png

Items marked as milestones are depicted as diamonds. Each diamond is colored according to the group it belongs to on your board.

Items linked via a Dependency Column are represented by gray arrowed lines that link the tasks together. The arrow is directed from the dependent item towards the dependee item.

dependency arrows.png

Interacting with the chart

If you need to display item details, click on the item name in the item list. You can change the dates from the item details view.

GanttlyDocumentation3-ezgif.com-speed.gif

You can also change the timeline of items by holding and dragging the item on the chart.

ChangeGantly-ezgif.com-speed.gif

On the board, you can easily change the duration of the item by resizing the bar. Hover over the bar beginning or end to see the resize cursor icon. Hold the cursor to resize your item’s duration.

ResizeGantly-ezgif.com-speed.gif

You can also mark an item as a milestone from the item details view on the board.

checking milestone from gantt view.gif

 

Click “Today” to instantly scroll to the current day on your chart.

GanttlyDocumentation5-ezgif.com-speed.gif

 

Click on the arrow icon next to the item name in the sidebar to scroll directly to it.

GanttlyDocumentation6-ezgif.com-speed.gif

Filtering and display options

By using the search & filter functions, you can display only specific items on the chart.

There are two types of filters you can apply:

Quick Filters

Ganttly Documentation (10).png

 

Advanced Filters

Ganttly Documentation (11).png

 

You can also hide the items and subitems without start and end dates by using “Show items and subitems without dates”.

GanttlyDocumentation8-ezgif.com-speed.gif

Export

You can export your chart to the following formats: PNG, SVG, and CSV.

Click on the Export button and determine the settings.

Ganttly Documentation (12)-20260102-115951.png

Choose the format of the exported chart. If you want the chart to be saved as visual graphics, go with PNG or SVG. If you want the chart to be presented as data, go with CSV.

Choose Start and End dates/times. The maximum range for this resolution is 365 days.

You can also include items without valid dates in the export.

Lastly, determine the number of rows to export.

Once you have everything, click on the Export button to download the chart.

ExportGantly-ezgif.com-speed.gif

Export limitations

The available export range depends on the selected time resolution. Due to performance and browser limitations, the following limits apply:

  • 15-minute resolution: export is limited to up to 7 selected days

  • 1-hour resolution: export is limited to up to 30 days

  • 1-day resolution: export is limited to up to 12 months

Additionally, you can export up to 500 items at once. This limitation is related to browser capacity and helps ensure stable export performance.


Settings and split view

To change the column mapping, go to Settings.

GanttlyDocumentation9-ezgif.com-speed.gif

You can use the Split function to view your Gantt chart and board side by side. You’ll find it under the cog icon.

GanttlyDocumentation10-ezgif.com-speed.gif

How is your experience with Ganttly so far?
We’d love to hear your thoughts and suggestions via our feedback form.