Label Alignment issue - auto hide

[karthik-noveau]

Version

5.6.0

Link to Minimal Reproduction

https://echarts.apache.org/examples/en/editor.html?c=bar-simple&code=PYBwLglsB2AEC8sDeAoWsAeBBDEDOAXMmurGAJ4gCmRA5AMYCGYVA5sAE7m0A0J6AE2aMiAbVoBZGFOgy50mL1i0AKgFcqS2gHUqArSoAWarQDEOELQGVm1tdFoBdEgF8-6cjnxFUpMpRplADdGABsNWld3WDwqCypCWFF-Yj9BYTEARgAmAAYeWDz82EyAVmKADmKAdmLMzLqAZlzHaL8KajoAI0YOSL8XEmcXAG4gA

Steps to Reproduce

1. give long label
2. you can see , small size labels are hiding even there is space to render

Current Behavior

x axis labels are hiding based on max width of label , it effect to show the small width label also even if there is space to render

Expected Behavior

if label width is long it only hide, don't hide the available space to render label

in given example , 'Wed', 'Thu', 'Fri', 'Sat', 'Sun' should show

beacuse there is space to render Wed', 'Thu', 'Fri', 'Sat', 'Sun'

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

[Ovilia]

Not a bug. There is a method to calculate the auto interval so in this case, it's calculated to be 1. You can se axisLabel: { interval: 0 }, to force displaying every label.

[MatthiasMert]

Two example solutions:

Example 1: hideOverlap

Example 2: truncate

[karthik-noveau]

but i need to hide the overlapped label with my scenario

[MatthiasMert]

You could also use the label formatter to hide labels based on conditions (e.g. length).

Example