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. Injecting Module: Gantt component features are segregated into individual feature-wise modules. To use selection feature, inject the Selection module using the Gantt.Inject(Selection) method. To use markers feature, inject the DayMarkers module using the Gantt.Inject(DayMarkers) method. More information on the Essential® JS2 Gantt Chart can be found in this label template documentation section. Looking for the full JavaScript Gantt Chart component overview, features, pricing, and documentation? Visit the JavaScript Gantt Chart page.