D3 Bar Chart - Passes on Mozilla and Nothing Else

I have completed all user stories and have searched through the answers on here but I cannot, for the life of me, figure out why this one test keeps on failing:

The data-date attribute and its corresponding bar element should align with the corresponding value on the x-axis.

I have checked to see if the x value of the tick and the bar are in sync and they appear to be.

Any advice is welcome as this is doing my head in :laughing:

After reading further I have noticed that this passes all tests when on Mozilla. What should my course of action be?

So I managed to solve the issue by using the setMonth() function. From my understanding what the following code does is set the month of the listed date to be incremented by 3.

Am I right in thinking that this worked because the scale now ends at the end of the final year opposed to the beginning?

any insight would be hugely appreciated.