Currently, for my Gantt chart, the top header of the x-axis (week/month wise) automatically sets the uniform width of each cell.
I want to adjust dynamically some of the cells to take their data points and set their width as per the data points.
Currently, in my code, I am trying to add two data points in the same week but both data points are overlapping each other.
I want these two data points to adjust horizontally in their respective cell/grid of the x-axis and doesn't overlap. Also, there can be more than 2 datapoints in the same week. So, please, suggest the solution accordingly.

Sample code: https://jsfiddle.net/dsmriti/1p5yvub0/5/