Versions Compared


  • This line was added.
  • This line was removed.
  • Formatting was changed.

Do you need to use Gantt chart in Confluence? Easy Gantt Charts for Confluence add easy to use gantt chart macro which all the features you need.


If you haven't installed, please install from Atlassian Marketplace here:


For best view, full width is enabled.

Gantt macroversion2111111111111111

User Guide

Once installed, you can start using this app.

  • Open the Confluence macro browser and find Gantt Chart.

  • Click on the edit icon and it should appear empty table where you can enter data.


Familiarize yourself with this editing interface. It has some advanced features, for example you can:

  • Create hierarchical tasks tree or set dependencies between tasks

  • Show progress bar/indicator

  • Drag and drop tasks (change start and end date, move up and down etc.)

  • Select the best scale, you can choose from day, week, month, quarter and year


Once data is added and you are happy with chart layout, save it and publish the page. Gantt chart will be rendered in view mode.

Gantt macro
{"data":[{"duration":49,"end_date":"06-04-2020 00:00","id":1585148923625,"parent":0,"progress":0,"start_date":"17-02-2020 00:00","text":"AppStore Launch"},{"duration":21,"end_date":"16-03-2020 00:00","id":1585148923631,"parent":"1585148923625","progress":0,"start_date":"24-02-2020 00:00","text":"Design"},{"duration":28,"end_date":"13-04-2020 00:00","id":1585242564045,"parent":"1585148923625","progress":0,"start_date":"16-03-2020 00:00","text":"Development"},{"duration":42,"end_date":"06-04-2020 00:00","id":1585242326723,"parent":0,"progress":0.4880952380952381,"start_date":"24-02-2020 00:00","text":"Website Launch"},{"duration":35,"end_date":"06-04-2020 00:00","id":1585242457353,"parent":0,"progress":0.43714285714285717,"start_date":"02-03-2020 00:00","text":"Social Media Campaign"},{"duration":49,"end_date":"06-04-2020 00:00","id":1585243032481,"parent":0,"progress":0,"start_date":"17-02-2020 00:00","text":"Android App"}],"links":[{"id":1585242683969,"source":"1585242564045","target":"1585148923631","type":"3"}]}

Here is simple example. For best view, wide width is enabled. You can use full width or standard mode depending on chart size.