Hi
we have percent done for particular task, but gantt chart is not rendering that colour,
here is the data, for that task looking like.
Thanks
Rajesh
Hi Marcio,
Thanks for responding back, here is the config of gantt chart,
this.ganttChart = new Gantt({
appendTo: element,
// to enable infinite scrolling of dates in gantt chart calendar
infiniteScroll: true,
startDate: new Date(),
tickSize: 35, // TODO check this
project: {
autoLoad: true,
autoSync: true,
autoCalculatePercentDoneForParentTasks: true,
transport: {
load: {
url: `${ENV.urls.api}/gantt-chart/get-data`,
},
sync: {
url: `${ENV.urls.api}/gantt-chart/sync-data`,
},
},
},
columns: [
{
type: 'name',
field: 'name',
text: 'Name',
// disable double click edit on columns
editor: false,
width: 240,
},
],
// Custom task content, display task name on child tasks
taskRenderer({ taskRecord }) {
if (taskRecord.isLeaf && !taskRecord.isMilestone) {
return StringHelper.encodeHtml(taskRecord.name);
}
},
features: {
projectLines: false,
// disable reordering of columns in grid by dragging
rowReorder: false,
// disable right click menu on tasks
taskMenu: {
disabled: true,
},
// disable sorting on columns in grid
sort: {
disabled: true,
},
// disable task resizing by manually dragging
taskResize: {
disabled: true,
},
//disable task editor popup
taskEdit: {
items: {
generalTab: {
items: {
effort: {
label: 'Labour Hours',
readOnly: true,
},
duration: false,
name: {
readOnly: true,
},
},
},
notesTab: false,
predecessorsTab: true,
successorsTab: true,
resourcesTab: false,
advancedTab: false,
},
editorConfig: {
bbar: {
// Remove delete button on task editor popup
items: {
deleteButton: false,
},
},
},
},
},
});