question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

xAxis Label Overlap

See original GitHub issue

Using v4.7.0: Screen Shot 2021-03-24 at 4 07 37 PM

After upgrading to v5.0.2: Screen Shot 2021-03-24 at 4 06 11 PM

Version

5.0.2

Steps to reproduce

  • Upgrade to eCharts 5.0.2

  • Use the following options for xAxis:

options.xAxis.push({
      gridIndex: ndx,
      type: 'time',
      axisLabel: {
            formatter: function (date, index) {
                  return DateTime.dateFormat(new Date(date), true)
            },
            showMaxLabel: false
      },
});

What is expected?

Expect the xAxis intervals to be spread out far enough so that the labels don’t overlap.

What is actually happening?

After upgrading to eCharts v5, the labels now overlap. The chart options did not change.

Issue Analytics

  • State:open
  • Created 2 years ago
  • Reactions:4
  • Comments:10 (2 by maintainers)

github_iconTop GitHub Comments

4reactions
JesperBalslevcommented, Jun 24, 2021

Any news?

1reaction
hannatacommented, Jan 11, 2022

when will it be fixed ? I’m using the v5.2.2 and it still overlaps

Read more comments on GitHub >

github_iconTop Results From Across the Web

Matplotlib showing x-tick labels overlapping - Stack Overflow
First, the x-axis labels overlap with one another (this is my major issue). Second. the location of the x-axis minor gridlines seems a...
Read more >
xAxis.labels.allowOverlap | highcharts API Reference
allowOverlap : boolean. Whether to allow the axis labels to overlap. When false, overlapping labels are hidden. Defaults to false .
Read more >
How To Avoid Overlapping Labels in ggplot2?
Till now, one of the solutions to avoid overlapping text x-axis is to swap x and y axis with coord_flip() and make a...
Read more >
How to Avoid yAxis labels overlap - Jaspersoft Community
One of the easiest solution is to set 'Interval between Y-axis labels' chart property to 2 or higher value if required. This property...
Read more >
Xaxis log scale labels overlapping with yaxis labels - MathWorks
Xaxis log scale labels overlapping with yaxis... Learn more about axis overlap, log scale, exponent overlap on axis.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found