synthetic
GanttChart
A project timeline: tasks on a shared date axis, with dependency connectors.
Studio timelineFive projects, a dashed marker for today
In context
Launch planDependencies as elbows; scrub back through earlier reports
MCHarbour rebrand: launch planDue 24 Oct
On trackOct 20, 2026Latest
Oct 6, 2026Oct 20, 2026
Props
| Prop | Type | Required | Default |
|---|---|---|---|
tasks | GanttChartTask[] | Yes | — |
title | string | undefined | No | — |
ariaLabel | string | undefined | No | — |
rowHeight | number | undefined | No | 32 |
width | number | undefined | No | 640 |
labelWidth | number | undefined | No | 140 |
dateFormat | ((d: Date) => string) | undefined | No | — |
currentDate | Date | undefined | No | — |
domainStart | Date | undefined | No | — |
domainEnd | Date | undefined | No | — |
bionic | boolean | undefined | No | — |
bionicOptions | BionicOptions | undefined | No | — |
data-rebar-* attributes
data-rebar-component="gantt-chart" on the root <figure>; data-rebar-part="current-date-marker" for the currentDate hash-mark.
Migrating to Ant Design
Not codemod-covered — AntD ships no chart components of its own; a Gantt chart typically migrates to a dedicated library (e.g. dhtmlx-gantt, frappe-gantt) rather than an antd component.