Dependency make triangles instead of links
Posted: Tue May 17, 2022 9:08 am
Hello,
I work with an internal framework and I met some problems in my gantt project, my dependency make triangles instead of links. I just copy and paste your code from the "Dependencies between tasks#" and add navigation. I just want to know if the probleme is from my internal framework or if I just did something wrong. Thanks a lot (Sorry for my english I am french
)
Here is my code
I work with an internal framework and I met some problems in my gantt project, my dependency make triangles instead of links. I just copy and paste your code from the "Dependencies between tasks#" and add navigation. I just want to know if the probleme is from my internal framework or if I just did something wrong. Thanks a lot (Sorry for my english I am french
)Here is my code
Code: Select all
series: series,
title: {
text: 'Gantt qui marche'
},
tooltip: {
pointFormat: '<span>Emprunté par : {point.rentedTo}</span><br/><span>Du: {point.start:%e. %b}</span><br/><span>Au: {point.end:%e. %b}</span>'
},
chart: {
spacingLeft: 1,
spacingRight: 1
},
plotOptions: {
series: {
animation: false,// Do not animate dependency connectors
showInNavigator: true,
connectors: {
lineWidth: 1,
},
dataLabels: {
enabled: true,
format: '{point.name}',
style: {
cursor: 'default',
pointerEvents: 'none'
}
}
}
},
xAxis: {
min: today.getTime() - (32 * day),
max: today.getTime() + (32 * day)
},
tooltip: {
xDateFormat: '%a %b %d, %H:%M'
},
navigator: {
enabled: true,
liveRedraw: true,
series: {
type: 'gantt',
pointPlacement: 0.5,
pointPadding: 0.25,
accessibility: {
enabled: false
}
},
yAxis: {
min: 0,
max: 3,
categories: []
}
},
scrollbar: {
enabled: true
},
rangeSelector: {
enabled: true,
selected: 0
},
lang: {
accessibility: {
axis: {
xAxisDescriptionPlural: 'The chart has a two-part X axis showing time in both week numbers and days.'
}
}
},
series: [{
name: 'Project 1',
data: [{
id: 'start',
name: 'Start prototype',
start: Date.UTC(2022, 4, 18),
end: Date.UTC(2022, 4, 20)
}, {
id: 'dev',
name: 'Develop',
start: Date.UTC(2022, 4, 20),
end: Date.UTC(2022, 4, 25),
dependency: 'start'
}, {
id: 'run',
name: 'Run acceptance tests',
start: Date.UTC(2022, 4, 23),
end: Date.UTC(2022, 4, 26)
}, {
name: 'Test prototype',
start: Date.UTC(2022, 4, 27),
end: Date.UTC(2022, 4, 29),
dependency: ['dev', 'run']
}]
}]