Display error Date when set labels for xaxis

[cuobiezi]

Description

Steps to Reproduce

1. Config chart type as 'line'. and xaxis type is 'datetime'
2. Config max as 1714881301463, min as 1714838101463, tickAmount as 10.
3. Display xaixs time start close to next day (eg: Sat May 04 2024 23:55:01).
4. Config labels as

   labels: {
     datetimeUTC: false,
     formatter: undefined,
     datetimeFormatter: {
       year: 'yyyy',
       month: 'MMM yyyy',
       day: 'dd MMM',
       hour: 'HH:mm'
     }
   }

Reproduce Env

• OS version: Edition Windows 10 Enterprise LTSC
• Chrome version: 129.0.6668.70 (Official Build) (64-bit)
• Chrome version: 87.0.4280.141 (Official Build) (64-bit)

I can reproduce both of above chrome version .

Expected Behavior

Display correct Date 4 May at the left of xaxis label .

Actual Behavior

Display incorrect Date 24 May the the left of xaxis label.

Screenshots

Reproduction Link

https://codepen.io/cuobiezi/pen/MWNpqJr

[brianlagunas]

your reproduction link does not reproduce the issue. Nothing is being rendered on the chart as it seems the data is not correct. Please verify the reproduction code.

[cuobiezi]

your reproduction link does not reproduce the issue. Nothing is being rendered on the chart as it seems the data is not correct. Please verify the reproduction code.

Updated data. Actually, My issue didn't relate to data , It is xaxis label display incorrect. Max Time 1714881301463 is 5 May ,Min time 1714838101463 is 4 May. But the xaxis label display start from 24 May, not in the correct range of 4 May - 5 May

[brianlagunas]

I am not seeing the issue you are describing. Can you provide a screenshot of what you are seeing?

[cuobiezi]

I am not seeing the issue you are describing. Can you provide a screenshot of what you are seeing?

Uploaded to description, Thanks.

[junedchhipa]

@cuobiezi What browser are you using? I am unable to see what's in the screenshot.

[cuobiezi]

@cuobiezi What browser are you using? I am unable to see what's in the screenshot.

@junedchhipa Updated reproduce env in the Description , Thanks.

[brianlagunas]

This is what the code pen shows me on Windows and Chrome version 129.0.6668.101

[cuobiezi]

This is what the code pen shows me on Windows and Chrome version 129.0.6668.101

Your screen xaxis start from 4 May morning. The reproduce case xaixs min config field 1714838101463 the xaixs should be from 4 May start evening.

[cuobiezi]

@cuobiezi What browser are you using? I am unable to see what's in the screenshot.

that because time zone issue, Please refer step 3 in description

[cuobiezi]

This is what the code pen shows me on Windows and Chrome version 129.0.6668.101

Oh , I got it , we are difference time zone, LOL. The reproduce key step is set the xaixs start time close to next day . like (Sat May 04 2024 23:55:01)