Numbers on axis labels

[DemetrioG]

Details

• I have bubble chart with text values on xAxis. But chart extremes returning not existent numeric values. Can you check if this is a wrong implementation or HC bug?

Expected behaviour

• Axis rendered without numbers

Actual behaviour

• Axis rendered with numbers on extremes

Live demo with steps to reproduce

• https://codesandbox.io/p/sandbox/spring-cookies-6wmrdw?file=%2Fsrc%2FExample.tsx

• Note: if don't see the numbers, resize codesandbox preview tab.

Product version

• Highcharts - 11.3.0

Affected browser(s)

• Google Chrome

[bm64]

Hello @DemetrioG and thanks for reporting the issue.

The issue occurs only at certain chart widths. See simplified demo:
Working: https://jsfiddle.net/BlackLabel/7w02c9t1/
Not working: https://jsfiddle.net/BlackLabel/87jq350f/

[DemetrioG]

Thanks @bm64! Has any workaround for this?

[bm64]

Hi @DemetrioG
Please try this plugin and see if it helps: https://jsfiddle.net/BlackLabel/3ybLzsmj/

Internal note
Used to work correctly in v11.2.0, broken since v11.3.0
Bisected to: 0879bd1
Also related to: #21005

[kaz1ngton]

Hi @bm64

If you remove width property and reduce size of window, bug is still there

[bm64]

@kaz1ngton

You're right, the workaround doesn't cover all cases. Tick calculations are complex with many factors that impact them. Unfortunately, you'll need to wait for the fix.