Applies to: All tiers
Last updated: 27-Feb-2026
Overview
The Gantt chart has three settings dialogs that control how bars look, how the chart behaves, and how the timescale is divided. Open each dialog from the Gantt toolbar or by right-clicking the chart background or header.
Bar Styles Dialog
Customise how activity bars are drawn on the chart. You can modify existing styles, add new ones, and reorder the rendering priority.
Layout
| Section | Description |
|---|
| Toolbar | Add, Clone, Delete, and Reset buttons |
| Style Table | Drag-to-reorder list showing all bar styles with visibility toggle, name, preview, filter tag, and row position |
| Style Editor | 4-tab panel for editing the selected style |
Tab 1 — General
| Property | Description |
|---|
| Name | Display name for the style |
| Row Position | Above Main (−1), Main Bar (0), or Below Main (+1) |
| Filter | Which activities this style applies to: All Activities, Critical Activities, Milestones, Level of Effort, Summary/WBS, or an advanced filter |
| Height % | Bar height as a percentage of the row (10–100%, step 5) |
The advanced filter opens a compound AND/OR filter dialog, letting you target bars based on any activity field condition.
Tab 2 — Shape & Colour
Configure the visual appearance with three components:
| Component | Options |
|---|
| Start Shape | flat, pointed, rounded, fenced, notched, diamond, none |
| Body Shape | solid, gradient, hollow, striped, dashed, dotted, necked |
| End Shape | flat, pointed, rounded, fenced, notched, diamond, none |
Each component has its own colour picker. The body can optionally have a secondary colour for gradients.
Tab 3 — Date Mapping
Control which schedule dates drive the bar position:
| Property | Options |
|---|
| Timescale | early, late, actual, baseline, planned, remaining, current |
| Start Date Field | start, finish, early_start, early_finish, late_start, late_finish, actual_start, actual_finish, baseline_start, baseline_finish, remain_start, remain_finish |
| End Date Field | Same 12 options |
Tab 4 — Labels
Place text labels around the bar at four positions:
| Position | Description |
|---|
| Left | Text before the bar |
| Right | Text after the bar |
| Top | Text above the bar |
| Bottom | Text below the bar |
Each position has a toggle switch and a field selector. Available label fields: Activity Name, Activity Code, Activity ID, Start Date, Finish Date, Duration, Remaining Duration, Total Float, Free Float, Percent Complete, Resource Names, WBS Name.
Default Bar Styles
| # | Style | Filter | Colour | Height | Row | Visible |
|---|
| 1 | Summary | Summary/WBS | #334155 (slate) | 35% | Main | Yes |
| 2 | Remaining Work | All | #3B82F6 (blue) | 65% | Main | Yes |
| 3 | Critical Remaining | Critical | #EF4444 (red) | 65% | Main | Yes |
| 4 | Actual Work | All | #10B981 (emerald) | 50% | Main | Yes |
| 5 | Milestone | Milestones | #8B5CF6 (purple) | 70% | Main | Yes |
| 6 | Level of Effort | LOE | #06B6D4 (cyan) | 50% | Main | Yes |
| 7 | Primary Baseline | Baseline | #94A3B8 (grey) | 30% | Below | Hidden |
| 8 | Total Float | Float | #A3E635 (lime) | 30% | Main | Hidden |
| 9 | Late Dates | Late | #F59E0B (amber) | 30% | Below | Hidden |
| 10 | Negative Float | Neg Float | #DC2626 (red) | 30% | Main | Hidden |
| 11 | Constraint | Constraints | #E11D48 (pink) | 25% | Above | Yes |
Click Reset to restore all default styles (with confirmation prompt).
Chart Options Dialog
Configure general chart display, gridlines, markers, and dependency rendering across 7 tabs.
Tab 1 — Display
| Option | Default | Description |
|---|
| Show Dependencies | On | Draw dependency lines |
| Show Baseline | Off | Overlay baseline bars |
| Show Critical Path | On | Highlight critical bars |
| Show Float Bars | Off | Show total float bars |
| Show Progress Labels | Off | Display % complete on bars |
| Show Milestones | On | Render milestone diamonds |
| Show Summary Bars | On | Render summary (WBS) bars |
| Colour By | Criticality | Colour bars by: criticality, status, calendar, or activity code |
Tab 2 — General
| Option | Default | Description |
|---|
| Column Grid Lines | On | Vertical grid lines |
| Row Grid Lines | On | Horizontal grid lines |
| Grid Line Colour | rgba(15,23,42,0.08) | Grid line colour |
| Grid Line Width | 1px | Line thickness (0.5–4px) |
| Weekend Shading | On | Shade weekend columns |
| Weekend Colour | rgba(241,245,249,0.5) | Weekend background colour |
| Holiday Shading | Off | Shade holiday columns |
| Non-Work Shading | Off | Shade non-work day columns |
| Chart Background | Transparent | Background colour |
Tab 3 — Data Date
| Option | Default | Description |
|---|
| Show Data Date | On | Display the data date line |
| Line Colour | #22C55E (green) | Data date line colour |
| Line Width | 2px | Line thickness (1–6px) |
| Line Style | Dashed | solid, dashed, or dotted |
| Show Label | On | Show date label on hover |
| Label Font Size | 10px | Label text size (8–16px) |
Tab 4 — Sight Lines
Configure up to 3 custom date markers on the chart:
| Property | Description |
|---|
| Enable | Toggle the sight line on/off |
| Label | Custom text label |
| Date Source | Custom date, Project Start, Project Finish, or Data Date |
| Colour | Line colour (defaults: red, blue, purple) |
| Line Style | solid, dashed, or dotted |
| Width | Line thickness (1–4px) |
Tab 5 — Progress Line
| Option | Default | Description |
|---|
| Show Progress Line | Off | Display a zigzag progress line |
| Line Width | 2px | Thickness (1–6px) |
| On-Track Colour | #22C55E (green) | Colour for activities on schedule |
| Behind Schedule Colour | #EF4444 (red) | Colour for late activities |
| Show Date Labels | Off | Label dates along the progress line |
Tab 6 — Collapsed Bars
| Option | Default | Description |
|---|
| Show Collapsed Bars | On | Render very short bars as collapsed indicators |
| Collapse Threshold | 3px | Bars narrower than this become collapsed |
| Collapsed Height | 4px | Height of the collapsed bar |
| Collapsed Colour | #64748B (slate) | Colour of collapsed bars |
Tab 7 — Dependencies
| Option | Default | Description |
|---|
| Line Colour | rgba(100,116,139,0.85) | Non-critical dependency colour |
| Critical Line Colour | rgba(239,68,68,0.9) | Critical dependency colour |
| Line Width | 1.5px | Dependency line thickness (0.5–4px) |
Click Reset to restore all chart options to defaults (with confirmation prompt).
Timescale Dialog
Configure the timeline header and zoom level across 4 sections.
| Option | Description |
|---|
| Number of Rows | Two Lines (2 tiers) or Three Lines (3 tiers) |
| Tier Mode | Controls what the header rows display |
| Tier Mode | Major / Minor | Best For |
|---|
| Year / Quarter | Y / Q | Multi-year programmes |
| Year / Month | Y / M | 1–3 year projects (default) |
| Quarter / Month | Q / M | 6–18 month programmes |
| Month / Week | M / W | 3–12 month projects |
| Week / Day | W / D | 1–3 month look-ahead |
Section 2 — Zoom & Density
| Option | Range | Default | Description |
|---|
| Zoom Level | 6 presets | Week | Preset zoom from Hour to Year |
| Pixels Per Day | 0.25–50 | Varies by zoom level | Fine-grained density control |
| Zoom Level | Pixels/Day | Major/Minor Tiers | Description |
|---|
| Hour | 480 | Day / Hour | Hourly detail |
| Day | 30 | Week / Day | Daily view |
| Week | 15 | Month / Week | Weekly view (default) |
| Month | 3 | Quarter / Month | Monthly view |
| Quarter | 1 | Year / Quarter | Quarterly overview |
| Year | 0.25 | Year / Year | Yearly overview |
Section 3 — Unit Overrides
Override the automatic major and minor units if you need a custom combination.
| Option | Choices |
|---|
| Major Unit | Hour, Day, Week, Month, Quarter, Year |
| Minor Unit | Hour, Day, Week, Month, Quarter, Year |
Section 4 — Calendar Options
| Option | Default | Description |
|---|
| Show Weekends | On | Include weekend columns in the timeline |
| Show Fiscal Year | Off | Use fiscal year numbering |
| Fiscal Year Start Month | January | Which month starts the fiscal year (only shown when fiscal year is enabled) |
Right-click different areas of the chart for context-specific actions:
Bar Right-Click
| Action | Description |
|---|
| View Activity Details | Opens the Activity Details panel |
| Show Critical Path | Highlights the critical path |
| Show Total Float | Displays total float information |
| Filter to This Activity | Filters the grid to this activity |
| Zoom to Fit This Bar | Adjusts the viewport to focus on this bar |
| Find in Grid | Scrolls the grid to this activity's row |
| Action | Description |
|---|
| Fit to Window | Zooms to fit all bars in view |
| Zoom In / Zoom Out | Adjust zoom level |
| Go to Today | Centres the chart on today's date |
| Go to Date | Navigates to the clicked date |
| Bars… | Opens the Bar Styles dialog |
| Bar Chart Options… | Opens the Chart Options dialog |
| Timescale… | Opens the Timescale dialog |
Dependency Right-Click (Editor Mode)
| Action | Description |
|---|
| Change Type | Switch between FS, SS, FF, SF |
| Edit Lag… | Modify the lag value |
| Delete Relationship | Remove the dependency (danger action) |
Dependency context menu actions are disabled in viewer mode.
Tips & Best Practices
- Enable Primary Baseline bar style (hidden by default) to see baseline vs. current comparison directly on the Gantt
- Use the Colour By option in Chart Options to quickly identify activity status or calendar assignment
- Month/Week tier mode is ideal for most construction and EPC schedules
- Use Sight Lines to mark contract milestones, data dates, or reporting deadlines
- The Collapse Threshold prevents tiny bars from cluttering the chart on long timelines