Hi Tabinda,
Greetings from Syncfusion support.
Yes, it is possible to achieve your requirement using Syncfusion Gantt chart.
We have indicators support, using this we can render custom elements on particular date. We can assign indicators for each tasks in data source and map this field by using taskFields.indicators property. Using queryTaskbarInfo event we have highlighted the cells in chart side. Please find the below code example.
|
public ngOnInit(): void {
this.data = [{
//...
Indicators: [
{
'date': '03/25/2019',
'name': 'AB'
}]
}];
this.taskSettings = {
//...
indicators: 'Indicators'
};
public queryTaskbarInfo(args: any): void {
var indicator = args.rowElement.querySelectorAll(".e-indicator-span");
for(var i = 0; i<indicator.length; i++) {
//...
indicator[i].children[0].className = 'e-rectangle e-attendance';
indicator[i].id = 'indicator' + args.data.TaskID + i;
indicator[i].children[0].textContent = indicatorValue;
}
}
} |
We have prepared a sample as per your requirement, please find the below sample link.
Regards,
Balasubramanian S
