# 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**

Property	Type	Description
Gantt Id	String	Identifier for the Gantt chart parent record.
Icon name	String	Icon displayed for the Gantt chart, You can get the icon name from https://lightningdesignsystem.com/icons/
Title	String	Title displayed at the top of the Gantt chart.
Can select	Boolean	Determines if tasks can be selected in the chart.
Can reorder	Boolean	Indicates if tasks can be reordered by user interaction.
Can edit	Boolean	Indicates if tasks can be edited directly in the chart.
Columns	String	Configuration for the columns displayed in the chart.
Relation config	String	JSON configuration that defines the data modal for the Gantt Chart. JSON string configuration
Show only work hours	Boolean	Option to show only defined work hours in the chart.
Work day start	Integer	Hour at which the workday starts (1-24).
Work day end	Integer	Hour at which the workday ends (1-24).
Hour span	Integer	The time interval that defines a task slot’s length and the step size for moving tasks on the timeline (max 12h).
Work week start	Integer	The day the workweek starts, default is 1 (Monday).
Work week end	Integer	The day the workweek ends, default is 5 (Friday).
First day of week	Integer	Representation of the first day of the week (1-7).
Default displayed tasks	Integer	The number of tasks displayed by default.
Slot size	Integer	Width of each task slot in pixels.
Row height	Integer	Height of each row in pixels.
Left panel width (%)	Integer	Width of the left panel as a percentage of total width, up to 100%.
Right panel width (%)	Integer	Width of the right panel as a percentage of total width, up to 100%.
Default view	String	Initial 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 %} --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.gridmate.io/package-reference/components-library/gm-gantt-chart.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.