[Bug]: Overlapping labels when using TickRotations.AUTO and custom timeIntervalFormats

[apyjz-gh]

Relevant package(s)

• @carbon/charts
• @carbon/charts-svelte
• @carbon/charts-react
• @carbon/charts-angular
• @carbon/charts-vue
• Documentation website

Carbon Charts Version

1.22.0

Which bundler are you using?

Vite

What happened and what did you expect to happen?

1. Checkout the project at https://github.com/apyjz-gh/carbon-charts-tick-rotation-issue .
2. Run npm install and npm run start.

Observe that in some charts labels are overlapping like in this image:

Disabling the custom timeIntervalFormats via the checkbox at the top, displays the same chart more properly:

Chart data and options (automatically formatted so no need for backticks)

No response

JavaScript console or build output (if relevant)

No response

StackBlitz repro

No response

IBM Application/Team (if relevant)

No response

What priority level would this be in your opinion?

P2 (Medium)