[Observability] All the times on the Elastic Charts are using UTC instead of the browser timezone on the overview page

[simianhacker]

Kibana version:

7.16.2+

Elasticsearch version:

7.16.2+

Original install method (e.g. download page, yum, from source, etc.):

any

Describe the bug:

All the Elastic Charts in the overview page are displaying UTC on the X-Axis. This issue was introduced in elastic/elastic-charts#1383 and appearded in 7.16.2. Anything that is using the niceTimeFormatter and relying on the default behavior is affected by this bug. The solution is to add the browser's timezone param to the BarChart component.

x-pack/plugins/observability/public/components/app/section/apm/index.tsx:  const formatter = niceTimeFormatter([min, max]);
x-pack/plugins/observability/public/components/app/section/logs/index.tsx:  const formatter = niceTimeFormatter([min, max]);
x-pack/plugins/observability/public/components/app/section/uptime/index.tsx:  const formatter = niceTimeFormatter([min, max]);

Steps to reproduce:

1. Index some APM, Logs or Uptime Data
2. Visit the Observability Overview page

Expected behavior:

All times should be local to the browser.

Related Issues

• [Metrics UI] All the times on the Elastic Charts are using UTC instead of the browser timezone #122683

[elasticmachine]

Pinging @elastic/unified-observability (Team:Observability)

[hendry-lim]

This was fixed in 7.17.0, but seems to either return or not fixed in 8.0.0.

Looks fine in 8.1.0-SNAPSHOT

[markov00]

@hendry-lim the PR to fix that in 8.0.1 was just merged #123265

[formgeist]

Looks like this issue has been resolved, so closing. If I'm wrong, feel free to open again 👍