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.

axis name and label overlaps when the nameLocation is 'center' or 'middle'

See original GitHub issue

Version

4.7.0

Steps to reproduce

in this example https://echarts.apache.org/examples/en/editor.html?c=watermark add these lines to yAxis:

        name:'some longe name',
        nameLocation:'center',

image

What is expected?

the name comes after the longest label name automatically

What is actually happening?

the name and label overlaps


we can fix it by nameGap for a certain resolution but it is not dynamic and on different resolution the it may be wrong besides when using a dynamic charts when the label length is unknown we can not be sure how much nameGap we must consider

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:9
  • Comments:7 (1 by maintainers)

github_iconTop GitHub Comments

3reactions
Pequecommented, Dec 4, 2022

Worth noting @rephus’s workaround (for those waiting for this to be implemented in ECharts): https://github.com/lightdash/lightdash/pull/2730 😊

1reaction
locinuscommented, Mar 24, 2022

Same here. Any development? That renders terribly, and calculating manually nameGap is quite error-prone. image

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to align the x-Axis name label to the end of the x-Axis
The horizontal aligment is easy and works as expected: nameLocation: 'end'; nameTextStyle.align: 'right'; set nameGap=0 : the default is ...
Read more >
MS Excel axis labels overlap in charts (what can you do about it)
MS Excel chart axis labels overlap the data. An easy method to move the axis label below the lowest data point to make...
Read more >
Xaxis log scale labels overlapping with yaxis labels - MathWorks
I've tried manually setting the axis labels but that doesn't work. I basically want to move the xaxis labels upwards so they are...
Read more >
Axis - Concepts - Handbook - Apache ECharts
Both x-axis and y-axis included axis line, tick, label and title. ... You can change the config offset to avoid overlaps of axes...
Read more >
Overlapping axis labels on tikz-pgf axis - LaTeX Stack Exchange
I want the labels of the tick marks there but not overlapping. I am not sure how else to describe it. As you...
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