I am facing an issue with the organization chart I created using highcharts. Specifically, at the 3rd level, the links are becoming merged or overlapped with other child links. The data for the chart is being sourced from an ERP system and contains information about contacts and their respective supervisors. I have tried adjusting the layout type to hanging in levels but unfortunately, it has not solved the problem.
If you would like to view the code snippet, please visit the fiddle link here.
series: [{
type: 'organization',
name: 'Test Org',
keys: ['from', 'to'],
data: [
['- None -', 'L1 L1'],
['L1 L1', 'L2 L1 L2 L1'],
['L1 L1', 'L2 L2'],
['L1 L1', 'L2 L2 L001 L2 L2 L001'],
['L2 L1 L2 L1', 'L3 L2 L1 L0 L3 L2 L1 L0'],
['L2 L1 L2 L1', 'L3 L2 L3 L2'],
['L2 L2', 'L3 L2 L1 L0 L001 L3 L2 L1 L0 L001'],
['L2 L2', 'L3 L2 L1 L3 L2 L1'],
['L2 L2', 'L3 L2 L2 L3 L2 L2'],
['L2 L2 L001 L2 L2 L001', 'Test User L3 Test User L3'],
],
levels: [{
level: 0,
color: 'silver',
dataLabels: {
color: 'black'
},
height: 25
}, {I would greatly appreciate any assistance in resolving this issue.