In the context of front-end development, you’ve probably dealt with Highcharts. This tool is very powerful, but sometimes you have to read the long pages of detailed documentation to get the result you want. That’s if you know what you’re looking for in the first place.
That was my case few days ago. My problem even though Highcharts was plotting my data correctly, the tooltip above the data points reflected the time in the client’s time zone while the time axis was in UTC.
After some research, it turns out that Highcharts can be configured to be in UTC mode or local mode as documented here.
To put it simply, you need to do the following:
Highcharts.setOptions
time:
utUTC: false
}
});Another important point, your points in the time axis must be in ISO format or as a Momentjs or Date object. If the format of your dates is a bit special, you can define the parseDate method shown in this example.
Be sure to let me know if I made a mistake in the article or if you have any suggestion, correction or question!