FormidableLabs / FormidableLabs/victory

Automatically adjusting AxisLabel placement

Open
#2,666 0 comments 1 reaction 0 assignees View on GitHub
Issue: Accepted Type: Enhancement :pencil2:
Dominant language
TypeScript
Stars
11.2k
Forks
536
PR merge metrics
No merged PRs in 30d

Description

**Describe the bug**
Is there a way to adjust the axis label placement automatically so it doesn't overlap with the tickLabels?

**Victory version**
Which npm version are you using?
N/A

**Code**
This issue can be reproduced in the editable source present in [VictoryAxis](https://formidable.com/open-source/victory/docs/victory-axis#victoryaxis) chart with the below snippet:
```

```

**Expected behavior**
Expected behavior is that the axis labels should align automatically to not overlap with the tickLabels on the axes. Although the position of the labels can be adjusted manually with the `padding` prop, I feel this should be taken care of automatically by the library based on the tickLabels.

**Screenshots**
![image](https://github.com/FormidableLabs/victory/assets/44050820/90c50b71-89c8-459d-894f-96b83959f45e)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.