X-Axis datetime Safari Timezone

[Matthewloughton]

First of all. Apex charts is incredible. It is so featureful and look and feel is amazing. THANK YOU

I will try and be as verbose as possible. I know how painful some users can be with reporting issues ;)

We are using a date time graph with option: datetimeUTC set to false

xaxis: {
type: 'datetime',
labels: {
datetimeUTC: false
}
}

It works perfectly in Chrome but the timezone is out in Safari. I am from UTC+2 and in safari it seems to become +4. The tooltips are fine though. Images below

Chrome (correct):

Safari (incorrect):

I took the liberty of looking around about the issue and came across this:
https://stackoverflow.com/questions/41338821/incorrect-timezone-in-safari-compared-to-chrome-ff-using-javascript-date

I went into your src and I've got a feeling it's got to do with something in your DateTime.js line 24. "getTimeStamp()"

Let me know if I can help further

[Matthewloughton]

Anyone? :(

[MartinClement]

I'm experiencing the same issue. The dates displayed on Xaxis are two hours too far on safari. I checked the timestamp used in xaxis label formater, They are the same between Safari and FF/Chrome. Still don't understand why safari can't display the date correctly, or what is the processing that change the date.

[Asvedha]

Me too have this same issue with Safari. In x-axis labels "datetimeUTC: true" is working fine, But It can't sync with Local Time("datetimeUTC: false").

[junedchhipa]

Sorry, this went unnoticed.
Many users have reported similar issues. Hence, tagging them all here so this can be addressed soon.
Related to #1544, #1485, #1255

[minkasu-kuppusamy]

if datetimeUTC:false , how you formatted the code to local timezone ? for me graph not at all displaying in safari , but working fine in chrome.

[alex-stumpfl]

Same here on iOS. Seems like the dateToFormat, that DateTime should render, is already wrong at that place:

apexcharts.js/src/modules/TimeScale.js

Line 725 in e10827a

value = dt.formatDate(dateToFormat, customFormat)