> For the complete documentation index, see [llms.txt](https://docs.gridmate.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.gridmate.io/package-reference/components-library/gm-gantt-chart.md). # GM - Gantt Chart ## **Documentation** **GM – Gantt Chart** component provides clarity to complex project timelines with numerous tasks, shifting deadlines, and overlapping dependencies. It helps you see the bigger picture while tracking details. With GridMate’s Gantt Chart, this clarity stays within your projects no need to switch between spreadsheets or external tools, as everything is connected to your live data. ## **Specification**
PropertyTypeDescription
Gantt IdStringIdentifier for the Gantt chart parent record.
Icon nameStringIcon displayed for the Gantt chart, You can get the icon name from https://lightningdesignsystem.com/icons/
TitleStringTitle displayed at the top of the Gantt chart.
Can selectBooleanDetermines if tasks can be selected in the chart.
Can reorderBooleanIndicates if tasks can be reordered by user interaction.
Can editBooleanIndicates if tasks can be edited directly in the chart.
ColumnsStringConfiguration for the columns displayed in the chart.
Relation configStringJSON configuration that defines the data modal for the Gantt Chart. JSON string configuration
Show only work hoursBooleanOption to show only defined work hours in the chart.
Work day startIntegerHour at which the workday starts (1-24).
Work day endIntegerHour at which the workday ends (1-24).
Hour spanIntegerThe time interval that defines a task slot’s length and the step size for moving tasks on the timeline (max 12h).
Work week startIntegerThe day the workweek starts, default is 1 (Monday).
Work week endIntegerThe day the workweek ends, default is 5 (Friday).
First day of weekIntegerRepresentation of the first day of the week (1-7).
Default displayed tasksIntegerThe number of tasks displayed by default.
Slot sizeIntegerWidth of each task slot in pixels.
Row heightIntegerHeight of each row in pixels.
Left panel width (%)IntegerWidth of the left panel as a percentage of total width, up to 100%.
Right panel width (%)IntegerWidth of the right panel as a percentage of total width, up to 100%.
Default viewStringInitial view setting, e.g., “month” for monthly view.
## **API Reference** {% tabs fullWidth="true" %} {% tab title="ganttChartLwc.js-meta.xml" %} {% code fullWidth="false" %} ```xml 64.0 GM - Gantt Chart true lightning__RecordPage lightning__AppPage lightning__HomePage lightningCommunity__Page lightningCommunity__Default ``` {% endcode %} {% endtab %} {% endtabs %}