This sample explains the way of rendering label template for left, right, and task labels by mapping template elements to the leftLabel, rightLabel and taskLabel properties in labelSettings.
The Gantt Chart supports custom label templates through the labelSettings property. Labels can be displayed on the left side, right side, and inside taskbars to provide additional task information. In this example, the leftLabel displays the task name and progress, the taskLabel displays the current progress percentage, and the rightLabel displays assigned resource information with custom images and names.
Gantt component features are segregated into individual feature-wise modules.To use a selection and marker features, we need to inject the Selection and DayMarkers into the Inject Services section.
More information on the Essential® React Gantt Chart can be found in this label template documentation section.
Looking for the full React Gantt Chart component overview, features, pricing, and documentation? Visit the React Gantt Chart page.