When i collapse my parent series, the labels from the childtasks stays on floting in the space where they was when the tasks was there.
Reopoing the parent series draws new labels, making those labels stick on top of the old ones. If i close and open the collapse it just draws and draws new labels on top of eachother.
dataLabels: [
{
enabled: true,
format: project.name,
align: 'left',
style: self.style
}, {
useHTML: true,
enabled: true,
formatter: () => {
const totalEstimate = project.hoursSpent + project.estimatedTimeToCompleteActivities;
const colorClass = totalEstimate > project.timeEstimation ? 'red' : 'green';
const explanation: string = totalEstimate > project.timeEstimation
? '| Need ' + (totalEstimate - project.timeEstimation) + ' more hours than estimated'
: '| Need ' + (project.timeEstimation - totalEstimate) + ' less hours than estimated'
;
return `<div>
<span style="
font-family: 'Inter', sans-serif;
font-size: 13px;
text-outline: none;
font-weight: 600;">
${project.hoursSpent} +
</span>
<span class="rn-timeline-label" style="
font-family: 'Inter', sans-serif;
font-size: 13px;
text-outline: none;
font-weight: 600;
color:${colorClass}">(${project.estimatedTimeToCompleteActivities})
</span>
<span style="
font-family: 'Inter', sans-serif;
font-size: 13px;
text-outline: none;
font-weight: 600;">
/ ${project.timeEstimation}
</span>
</div>`;
}
}],
Can you help me?