Bar Graph: Hide/Show Labels automatically if enough space when zooming

[zevero]

What problem does this feature solve?

I have a bar graph (screenshots below) with few big entries an many small entries. It is not possible to display a label for every entry. There would be too many labels overlapping.
My current solution is to use label: formatter: p => p.value[1] > minLabelValue ? p.value[1] : '' in order to hide labels for values smaller than my defined minLabelValue.
However, when zooming in, those entries will of course not get displayed.

Users should only see relevant labels (without beeing distracted from man overlapping tiny ones). But when zooming in, these labels (as there is enough room) should appear.

What does the proposed API look like?

an option like:
barMinHeightLabel: 10
could only show the label if there is enough room (at least 10 pixel) for it.
or even better
label: {
hideIfNotEnoughSpace: true
}

When not zoomed, it looks like intended.

But on zoom, label values should appear as they fit into the graph.

[echarts-bot]

Hi! We've received your issue and please be patient to get responded. 🎉
The average response time is expected to be within one day for weekdays.

In the meanwhile, please make sure that you have posted enough image to demo your request. You may also check out the API and chart option to get the answer.

If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org .

If you are interested in the project, you may also subscribe our mail list.

Have a nice day! 🍵

[pissang]

Thanks for the advice @zevero . We are planning to add automatic label layout to solve issues like this. Determine which labels can be visible in your case should also be included in this label layout strategy.

[deqingli]

#11497