[Bug]: Evenly spaced labels/ticks on axis #647
Assignees
Labels
Status: In Progress
We are actively fixing/implementing this issue/feature
Comments
1 task
|
Hey I explored it a bit and, it seems that this whole section is made out of SVG? anyway it seems like the calculation is wrong for the spacing since there is no flex or grid layout it relies solely on Math, Just a lead for anyone that wants to take a crack as well, I'll keep trying |
|
Hi @omriluz, thanks for your expertise here! 👍 |
|
We moved our feature request for Recharts to an another, existing issue: recharts/recharts#3305 |
|
Recharts pushed hard for this feature and it will be released soon. We just tested the new option, and it looks muuuuch better! |
christopherkindl
added
Status: In Progress
14 tasks
14 tasks
|
🎉 This issue has been resolved in version 3.10.0 🎉 The release is available on: Your semantic-release bot 📦🚀 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Tremor Version
v3.6.6
Link to minimal reproduction
n/a
Steps to reproduce
see image below
What is expected?
Ticks/labels should be evenly spaced along the axis.
What is actually happening?
There are some cases in which the gap between two labels is larger than the rest of it. This also happens on the y-axis. According, to the Recharts team this has something to do with the
paddingprop in their<XAxis/> / <YAxis/>component. This is a weird bug/behavior that probably requires changes in Rechart's root code. We posted the issue in their repo as well. If anyone in our community has a smart solution for this, you would be our star! ⭐What browsers are you seeing the problem on?
No response
Any additional comments?
No response
The text was updated successfully, but these errors were encountered: