Hello, I'm trying to integrate Bryntum Gantt into my React application, and I'm not seeing critical paths highlighted even after setting the property on the BryntumGanttProps
object. Here is the code for reference:
const dependencies = [
{ id: 1, from: 11, to: 12 },
{ id: 11, from: 1, to: 2 },
{ id: 2, from: 1, to: 3 },
{ id: 3, from: 2, to: 3 },
{ id: 4, from: 31, to: 32 },
{ id: 5, from: 32, to: 33 },
];
const ganttProps: BryntumGanttProps = {
tasks: data,
dependencies: dependencies,
columns: [
{
type: 'name',
field: 'name',
width: 250,
},
],
viewPreset: 'weekAndDayLetter',
barMargin: 10,
height: 600,
criticalPathsFeature: true,
};
function BryntumGanttChart() {
return <BryntumGantt {...ganttProps} />;
}
I've attached the chart that gets rendered with the above code. I'm wondering if I'm doing something wrong in enabling the critical path display.