Time Axis is display can overlap in v5

[qortex]

Version

5.0.2

Reproduction link

https://echarts.apache.org/examples/en/editor.html?c=dynamic-data2

Steps to reproduce

Go to official example and reduce the window size. Then x axis labels will overlap and look crappy.

What is expected?

The ticks should gently disappear to let only a few appear.

What is actually happening?

Labels overlap and look crappy.

Example on my app:

Example in the official example:

---

Worked well in v4 (see https://echarts.apache.org/v4/examples/en/editor.html?c=dynamic-data2)

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

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

Have a nice day! 🍵

[qortex]

It looks like setting splitNumber to 5 is a workaround as far as I can tell (even though it's supposed to be the default according to the doc?)

[tmtron]

Unfortunately the workaround (setting xAxis.splitNumber to 5) does not work for me: see this example echarts versin 5.2.0

Quote from the splitNumber docs:

Note that this number serves only as a recommendation, and the true segments may be adjusted based on readability.

So I tried xAxis.interval:

Compulsively set segmentation interval for axis.
As splitNumber is a recommendation value, the calculated tick may not be the same as expected. In this case, interval should be used along with min and max to compulsively set tickings.

But this does also not work

Also xAxis.axisLabel.interval had no effect.

Any idea why this is not working in my example?

[pissang]

I think interval breaks in the new time axis. We will fix it in the later versions.

[echarts-bot]

This issue is labeled with priority: high, which means it's a frequently asked problem and we will fix it ASAP.