I have a requirement for making a Gantt chart. The data is dynamically received from an API. The following is the end result that is expected.
The problem I'm facing is stacking the bars vertically in one single row. Let's say I want to stack N number of bars vertically in one row itself, what are the ways to do that? For now I'm making a new series and putting my data there. The problem with that is the per row height is increased drastically even if the second row as only a single bar and no stacking in it. I want to stack the bars in a row but not increase height of the other rows. This is the JS fiddle of how I am stacking right now - https://jsfiddle.net/deepak_oli/9wgvyqhm/52/ I don't want the extra space in each row but to be height as auto and match the photo I have provided above. Please help me understand if the picture above is re-creatable in this scenario.