I've downloaded the trial version of Gantt with the react wrapper.
These 2 packages are included in my package.json file.
"@bryntum/gantt": "npm:@bryntum/gantt-trial@4.1.2",
"@bryntum/gantt-react": "4.1.2",
I copied some data from the big data set example that was included in the bundled zip trial folder. The Gantt chart renders fine but I get a bunch of typing errors..
The typings file is the Bryntum Gantt 4.1.2 (TRIAL VERSION)
Below is an example of the tasksData array value that I used to pass to the ProjectModel. It complains about a bunch of properties in the child object not existing in the Model.
{
"id": 12,
"name": "Parent 12",
"startDate": "2021-01-27T05:00:00.000Z",
"expanded": true,
"children": [
{
"id": 13,
"name": "Sub-parent 121",
"startDate": "2021-01-27T05:00:00.000Z",
"expanded": true,
"children": [
{
"id": 14,
"name": "Task 1211",
"startDate": "2021-01-27T05:00:00.000Z",
"duration": 2,
"percentDone": 45,
"durationUnit": "day",
"cls": "",
"direction": "Forward",
"manuallyScheduled": false,
"slackUnit": "day",
"critical": false,
"effortUnit": "hour",
"effortDriven": false,
"schedulingMode": "Normal",
"draggable": true,
"resizable": true,
"parentId": 13,
"parentIndex": 0,
"wbsValue": "2.1.1",
"effort": 48,
"constraintType": null,
"constraintDate": null,
"earlyStartDate": "2021-01-27T05:00:00.000Z",
"earlyEndDate": "2021-01-29T05:00:00.000Z",
"endDate": "2021-01-29T05:00:00.000Z"
},
{
"id": 15,
"name": "Task 1212",
"startDate": "2021-01-29T05:00:00.000Z",
"duration": 2,
"percentDone": 88,
"durationUnit": "day",
"cls": "",
"direction": "Forward",
"manuallyScheduled": false,
"slackUnit": "day",
"critical": false,
"effortUnit": "hour",
"effortDriven": false,
"schedulingMode": "Normal",
"draggable": true,
"resizable": true,
"parentId": 13,
"parentIndex": 1,
"wbsValue": "2.1.2",
"effort": 48,
"constraintType": null,
"constraintDate": null,
"earlyStartDate": "2021-01-29T05:00:00.000Z",
"earlyEndDate": "2021-01-31T05:00:00.000Z",
"endDate": "2021-01-31T05:00:00.000Z"
},
{
"id": 16,
"name": "Task 1213",
"startDate": "2021-01-31T05:00:00.000Z",
"duration": 2,
"percentDone": 11,
"durationUnit": "day",
"cls": "",
"direction": "Forward",
"manuallyScheduled": false,
"slackUnit": "day",
"critical": false,
"effortUnit": "hour",
"effortDriven": false,
"schedulingMode": "Normal",
"draggable": true,
"resizable": true,
"parentId": 13,
"parentIndex": 2,
"wbsValue": "2.1.3",
"effort": 48,
"constraintType": null,
"constraintDate": null,
"earlyStartDate": "2021-01-31T05:00:00.000Z",
"earlyEndDate": "2021-02-02T05:00:00.000Z",
"endDate": "2021-02-02T05:00:00.000Z"
},
{
"id": 17,
"name": "Task 1214",
"startDate": "2021-02-02T05:00:00.000Z",
"duration": 6,
"percentDone": 40,
"durationUnit": "day",
"cls": "",
"direction": "Forward",
"manuallyScheduled": false,
"slackUnit": "day",
"critical": false,
"effortUnit": "hour",
"effortDriven": false,
"schedulingMode": "Normal",
"draggable": true,
"resizable": true,
"parentId": 13,
"parentIndex": 3,
"wbsValue": "2.1.4",
"effort": 144,
"constraintType": null,
"constraintDate": null,
"earlyStartDate": "2021-02-02T05:00:00.000Z",
"earlyEndDate": "2021-02-08T05:00:00.000Z",
"endDate": "2021-02-08T05:00:00.000Z"
}
],
"durationUnit": "day",
"cls": "",
"direction": "Forward",
"manuallyScheduled": false,
"percentDone": 44,
"slackUnit": "day",
"critical": false,
"effortUnit": "hour",
"effortDriven": false,
"schedulingMode": "Normal",
"draggable": true,
"resizable": true,
"parentId": 12,
"parentIndex": 0,
"wbsValue": "2.1",
"effort": 288,
"constraintType": null,
"constraintDate": null,
"endDate": "2021-02-08T05:00:00.000Z",
"duration": 12
},
{
"id": 18,
"name": "Sub-parent 122",
"startDate": "2021-02-08T05:00:00.000Z",
"expanded": true,
"children": [
{
"id": 19,
"name": "Task 1221",
"startDate": "2021-02-08T05:00:00.000Z",
"duration": 3,
"percentDone": 9,
"durationUnit": "day",
"cls": "",
"direction": "Forward",
"manuallyScheduled": false,
"slackUnit": "day",
"critical": false,
"effortUnit": "hour",
"effortDriven": false,
"schedulingMode": "Normal",
"draggable": true,
"resizable": true,
"parentId": 18,
"parentIndex": 0,
"wbsValue": "2.2.1",
"effort": 72,
"constraintType": null,
"constraintDate": null,
"earlyStartDate": "2021-02-08T05:00:00.000Z",
"earlyEndDate": "2021-02-11T05:00:00.000Z",
"endDate": "2021-02-11T05:00:00.000Z"
},
{
"id": 20,
"name": "Task 1222",
"startDate": "2021-02-11T05:00:00.000Z",
"duration": 2,
"percentDone": 65,
"durationUnit": "day",
"cls": "",
"direction": "Forward",
"manuallyScheduled": false,
"slackUnit": "day",
"critical": false,
"effortUnit": "hour",
"effortDriven": false,
"schedulingMode": "Normal",
"draggable": true,
"resizable": true,
"parentId": 18,
"parentIndex": 1,
"wbsValue": "2.2.2",
"effort": 48,
"constraintType": null,
"constraintDate": null,
"earlyStartDate": "2021-02-11T05:00:00.000Z",
"earlyEndDate": "2021-02-13T05:00:00.000Z",
"endDate": "2021-02-13T05:00:00.000Z"
},
{
"id": 21,
"name": "Task 1223",
"startDate": "2021-02-13T05:00:00.000Z",
"duration": 2,
"percentDone": 61,
"durationUnit": "day",
"cls": "",
"direction": "Forward",
"manuallyScheduled": false,
"slackUnit": "day",
"critical": false,
"effortUnit": "hour",
"effortDriven": false,
"schedulingMode": "Normal",
"draggable": true,
"resizable": true,
"parentId": 18,
"parentIndex": 2,
"wbsValue": "2.2.3",
"effort": 48,
"constraintType": null,
"constraintDate": null,
"earlyStartDate": "2021-02-13T05:00:00.000Z",
"earlyEndDate": "2021-02-15T05:00:00.000Z",
"endDate": "2021-02-15T05:00:00.000Z"
}
],
"durationUnit": "day",
"cls": "",
"direction": "Forward",
"manuallyScheduled": false,
"percentDone": 39.857142857142854,
"slackUnit": "day",
"critical": false,
"effortUnit": "hour",
"effortDriven": false,
"schedulingMode": "Normal",
"draggable": true,
"resizable": true,
"parentId": 12,
"parentIndex": 1,
"wbsValue": "2.2",
"effort": 168,
"constraintType": null,
"constraintDate": null,
"endDate": "2021-02-15T05:00:00.000Z",
"duration": 7
}
],
"durationUnit": "day",
"cls": "",
"direction": "Forward",
"manuallyScheduled": false,
"percentDone": 42.473684210526315,
"slackUnit": "day",
"critical": false,
"effortUnit": "hour",
"effortDriven": false,
"schedulingMode": "Normal",
"draggable": true,
"resizable": true,
"parentIndex": 1,
"effort": 456,
"endDate": "2021-02-15T05:00:00.000Z",
"duration": 19
}