Wrong axis label position

[shockhs]

Hi all! 👋

How can I fix the bug with the Label positioning at the axes in XYChart. The demo from the documentation has the same bug. If Y values are too big, the labels overlap each other

[rishabhjaiz]

Couple of suggestions.

1. You can adjust the chart margin so you have more space on the right side.
2. You can also truncate the large number to more readable string like 2k, 4k, .. etc this will free you some space.

[Ding-Fan]

An example of margin of XYChart is

<XYChart
  margin={
    {
      top: 60,
      right: 60,
      bottom: 60,
      left: 60
    }
  }
>
// ...

It took me hours to find out the proper way to use it 😵‍💫

[williaster]

this isn't a "bug" so I converted it to a discussion. @rishabhjaiz 's suggestions are great, also noting some related discussions:

• Axis labels are getting clipped even after using `nice` #1188
• Truncated text on x-axis for XY chart when using angle prop #1414