echarts containLabel not working as expected

Version

5.1.2

Reproduction link

Steps to reproduce

https://codepen.io/ataft/pen/eYWqzqx https://codepen.io/ataft/pen/dyWxpyG

What is expected?

When containLabel = true and grid left, right, top, bottom are all set to 0, I expect the axis labels to show completely without getting cut off.

What is actually happening?

As the CodePen's show, labels are being cut off, especially in the top-left and bottom-right "ends" of the axes.

containLabel is a very important feature if it can work correctly. Manually setting grid left, right, top, bottom is tedious/impossible, and leads to a lot of unnecessary whitespace.

Aug 19 '21 17:08 ataft

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 it contains a minimum reproducible demo and necessary images to illustrate. Otherwise, our committers will ask you to do so.

A minimum reproducible demo should contain as little data and components as possible but can still illustrate your problem. This is the best way for us to reproduce it and solve the problem faster.

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 [email protected]. Please attach the issue link if it's a technical question.

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

Have a nice day! 🍵