Gantt chart type
Parameters in Macro Browser

Type | Gantt |
---|---|
Labels column |
|
Values column |
|
* - Minimum required columns to build the Gantt chart
See also a blog post: 5 Tips to Become a Gantt Chart Expert Using Atlassian Confluence to learn more about the completion ratio, events, and milestones on the Gantt chart.
Data Tables in Macro Placeholder

Phase | Step | Start Date | End Date | Completion Ratio |
---|---|---|---|---|
Phase One | Planning and Research | 01 Jan 2025 | 30 Jan 2025 | 100% |
Phase One | Development | 01 Feb 2025 | 30 Apr 2025 | 86% |
Phase One | Testing | 15 Apr 2025 | 15 May 2025 | 20% |
Phase One | Deployment | 12 May 2025 | 15 Aug 2025 | 50% |
Phase Two | Planning and Research | 15 Jun 2025 | 15 Jul 2025 | 0% |
Phase Two | Development | 10 Jul 2025 | 15 Oct 2025 | 0% |
Phase Two | Testing | 3 Oct 2025 | 21 Nov 2025 | 0% |
Phase Two | Deployment | 18 Nov 2025 | 15 Dec 2025 | 0% |
Phase | Milestone | Text | Date |
---|---|---|---|
Phase One | RC | something | 7 May 2025 |
Phase Two | RC | something | 30 Oct 2025 |
Event | Date |
---|---|
Demo 1 | 12 May 2025 |
Demo 2 | 10 Oct 2025 |
Today | Date |
---|---|
Today | today |
Here's the example on how to calculate the completion ratio in Table Transformer.
Select the chart type
To select the chart type in the page view mode:
- Insert the Chart from Table macro.
- Hover over the chart controls on the right of the table.
- Locate the Type option and select the chart type. The chart will be automatically regenerated.
- To save the modifications in the macro body, click the cogwheel icon and select Save changes.
To select the chart type in the macro browser:
- Switch the page to the edit mode.
- Insert the Chart from Table macro and paste the table within the macro body.
- Select the macro and click Edit.
- Locate the Type option in the Settings tab and select the chart type.
- Save the macro and the page.
Select data series
Labels column - the column containing labels for data values.
Values column - the column or columns containing numerical values for chart generation.
To select data series in the page view mode:
- Insert the Chart from Table macro.
- Hover over the chart controls on the right of the table.
- Locate the Labels column and Values column options and select the table columns containing data for chart generation. The chart will be automatically regenerated.
- To save the modifications in the macro body, click the cogwheel icon and select Save changes.
To select data series in the macro browser:
- Switch the page to the edit mode.
- Insert the Chart from Table macro and paste the table within the macro body.
- Select the macro and click Edit.
- Locate the Labels column and Values column options in the Settings tab and select the table columns containing data for chart generation.
- Save the macro and the page.
Set the minimal and maximal values
Minimal value - the minimal value for showing only data values greater than the specified minimal value.
Maximal value - you can specify the maximal value for showing only data values not greater than the specified maximal value.
- Switch the page to the edit mode.
- Select the macro and click Edit.
- Switch to the Adjustments tab.
- Locate the Minimal and Maximal value options and set the values.
- Save the macro and the page.
Set the scale step
Scale Step - the required scale step for showing the numeric values in the chart.
- Switch the page to the edit mode.
- Select the macro and click Edit.
- Switch to the Adjustments tab.
- Locate the appropriate option depending on the chart type and set the scale step.
- Save the macro and the page.
Set the date format
- Switch the page to the edit mode.
- Select the macro and click Edit.
- Switch to the Date & Worklog tab.
- Locate the Date format option.
- Specify the correct date format for date values in the source table.
- Save the macro and the page.
Set the worklog settings
- Switch the page to the edit mode.
- Select the macro and click Edit .
- Switch to the Date & Worklog tab.
- Locate the Worklog settings option.
- Define the worklog parameters, as follows:
- Days in year - enter the number of days in a year.
- Days in week - enter the number of business days in a week.
- Hours in day - enter the number of working hours in one business day.
- Time format - select the used time format in worklog values.
- Year shortening - enter the shortening for the year time unit if you use any language different from English.
- Week shortening - enter the shortening for the week time unit if you use any language different from English.
- Day shortening - enter the shortening for the day time unit if you use any language different from English.
- Hour shortening - enter the shortening for the hour time unit if you use any language different from English.
- Minute shortening - enter the shortening for the minute time unit if you use any language different from English.
- Save the macro and the page.
Set the height and width of the chart
- Switch the page to the edit mode.
- Select the macro and click Edit.
- Switch to the Appearance tab.
- Locate the Height and Width fields.
- Enter the appropriate dimensions of the chart.
Save the macro and the page.
To set the Height and Width of the chart in the page view mode:
- Hover over the chart controls on the right of the table.
- Locate the Height and Width fields.
- Enter the appropriate dimensions of the chart.
- To save the modifications in the macro body, click the cogwheel icon and select Save changes.
Add /bar after the height value to set the height of bars.
Show/Hide source data
- Switch the page to the edit mode.
- Select the macro and click Edit.
- Switch to the Appearance tab.
- Locate the Source data option and select the appropriate option, as follows:
- Show all content
- Hide tables
- Hide all content
- Save the macro and the page.
To show/hide source data in the page view mode:
- Hover over the chart controls on the right of the table.
- Click the cogwheel icon, select the Show source content, Hide source content (Hide tables, Hide all content) option.
- To save the modifications in the macro body, click the cogwheel icon and select Save changes.
Set colors
- Switch the page to the edit mode.
- Select the macro and click Edit.
- Switch to the Colors tab.
- Locate the Color scheme field and choose the required option: Single color, Multicolor or Colors in the table columns option.
- Save the macro and the page.
To set the colors in the page view mode:
- Hover over the chart controls on the right of the table.
Click the cogwheel icon, locate the Select colors option. Select the Multicolor or Colors in the table columns option. Pick the colors or columns with colors and click Save. The chart will be automatically regenerated.
- To save the modifications in the macro body, click the cogwheel icon and select Save changes.
While working in the edit mode, use the Show/hide preview option to adjust the required settings before saving the macro and publishing the page.
- Select one or more chart columns/sectors/bars.
- Only the related rows of the source table are displayed.
- Deselect all the columns/sectors/bars to display the whole source table.
- Open the page with the chart.
- Click the cogwheel icon and select the Set dependencies option.
- Locate the arrows between tasks.
- To save the modifications, click the cogwheel icon and select Save changes.
To zoom in the chart:
- Open the page with the chart you want to zoom in.
- Hover your mouse pointer over this chart.
- Hold down Ctrl and rotate the wheel button forward to zoom in the chart.
To navigate across the chart:
- Hold down Ctrl (for Windows) or Alt (for MacOS) and drag the mouse pointer across the chart.