Gantt: General settings

Let's look at the general settings that are specific to Gantt charts.

1. Row height

Set a custom row height.

Row height

2. Actual bar height

Set the height of the progress bars with respect to the row. 60% means the progress bar will occupy 60% of the row height.

Bar height

3. Header height

Set the height of the Gantt header.

Header height

4. Padding

In addition to the configured start and end timeline, a buffer time range is displayed on either end of the Gantt. Use the Left and Right options to adjust the padding for the buffer.

Left and right padding

5. Date format

Select a date format to display the start and end date in the tooltip.

Tooltip date format

6. Scroll bar

Choose how to navigate the Gantt chart:

Fit all: The entire timeline between the configured start and end date is accommodated in the canvas.

Scroll: The timeline is fully expanded, use the scroll bar to navigate the timeline.

Button: Use the zoom-in and zoom-out buttons to get a detailed/high-level view of the progress.

Fit all

Scroll

Button

7. Milestone

Show in parent: Enable this toggle to display milestones in parent progress bars.

You can also customize the shape, color, and border color of the milestones.

Customizing milestones

8. Data colors

Set a color scheme for alternate rows. You can also specify a different color to highlight the row when users hover over it.

Data colors

10. Border color

Enable this toggle to set a custom border color for the parent and child progress bar.

Border color

11. Color by

Set custom fill(completed efforts) and track(percentage remaining for completion) colors for parent and child progress bars.

Progress bar color