Can't display custom data in column and taskbars

Question

I submited data to the gantt chart datasource but I can't either map them on my custom columns nor display them on my taskbar or edit dialog box

Monisha Sivanthilingam · Answer

Hi Donfack, 
 
Greetings from Syncfusion support. 
 
We would like to inform something about mapping custom columns in Gantt Chart. 
 

When mapping custom columns, always ensure that you are mapping the fields as they are defined in the data source. We can them map them directly in the column collection. Please ensure that your mapping matches in the following cases.
 
Data.ts 




 
{ 
  TaskID: 2, 
  TaskName: 'Identify site location', 
  StartDate: new Date('04/02/2019'), 
  Duration: 0, 
  Progress: 30, 
  resources: [1], 
  info: 'Measure the total property area alloted for construction', 
  CustomColumn: 1 
}, 
 
 
App.component.ts 




 
this.columns =  [ 
   { field: 'TaskID', width:60 }, 
   { field: 'TaskName', headerText: 'Job Name', width: '250' }, 
   { field: 'StartDate' }, 
   { field: 'Duration' }, 
   { field: 'Progress' }, 
   { field: 'Predecessor' }, 
   { field: 'CustomColumn'} 
]; 
 
 
Now, the data will be mapped to the custom column and it will also be displayed in the Custom Columns tab of the Add/Edit dialog. 
 
We have also prepared a sample for your reference. 
 
Please contact us if you require any further assistance. 
 
Regards, 
Monisha.

DONFACK ASSATAGOU EDDY HAROLD · Answer

I just as you saud above but it don't still sho my data on the GANTT

Here is my object:

{

"TaskID": "2d0e206e-ce64-11eb-8c11-9e627584aa0f",

"User": "No user found",

"Workshop": "КО. РУНН / ",

"TaskName": "8413-НКУ Каскад СТ PCC-Разработка КД",

"StartDate": "2021-06-29T07:00:00.000Z",

"EndDate": "2021-07-07T16:00:00.000Z",

"Duration": 7,

"Operation": "f0939bea-cd86-11ea-9fb9-9e627584aa0f",

"Progress": 0,

"CategoryColor": "#DC0000"

}

And the pictures below present my settings and presentation

Monisha Sivanthilingam · Answer

Hi Donfack, 
 
We have prepared a sample containing the same data and same mapping as you had used. However, the data is displayed for us in the Gantt Chart. Please ensure that your mapping matches in both the data and in the column collection. Please find the sample we used to validate your issue below. 
 
Sample: https://stackblitz.com/edit/f166553-x6am8f?file=app.component.ts 
 
If the issue still persists, please modify the sample to replicate your issue or provide an issue reproducible sample of your own. 
 
Regards, 
Monisha.