#3483 Fix x-axis tick alignment

src/modules/TimeScale.js

@@ -659,10 +659,7 @@ class TimeScale {
       }
 
       let year = this._getYear(currentYear, month, yrCounter)
-      pos =
-        hour === 0 && i === 0
-          ? remainingMins * minutesWidthOnXAxis
-          : 60 * minutesWidthOnXAxis + pos
+      pos = 60 * minutesWidthOnXAxis + pos
       let val = hour === 0 ? date : hour
       this.timeScaleArray.push({
         position: pos,

tests/unit/timescale.spec.js

@@ -388,6 +388,34 @@ describe('Generate TimeScale', () => {
       })
     ])
   })
+
+  it('should generate an hour timescale with no overlapping ticks', () => {
+    const chart = createChart('line', [
+      {
+        data: [0, 1]
+      }
+    ])
+    const timeScale = new TimeScale(chart)
+    timeScale.generateHourScale({
+      firstVal: {
+        minSecond: 0,
+        minMinute: 30,
+        minHour: 22
+      },
+      currentDate: 22,
+      currentMonth: 11,
+      currentYear: 2022,
+      minutesWidthOnXAxis: 0.4,
+      numberOfHours: 24
+    })
+
+    const generatedScale = timeScale.timeScaleArray
+    for (let i = 0; i < generatedScale.length - 1; i++) {
+      expect(generatedScale[i].position).not.toEqual(
+        generatedScale[i + 1].position
+      )
+    }
+  })
 })
 
 describe('createRawDateString', () => {