Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Force X axis labels to be rotated correctly #11148

Merged
merged 3 commits into from
Apr 29, 2024

Conversation

xconverge
Copy link
Contributor

There are a bunch of ways to fix this but it seemed simplest to me...open to whatever you all want

Before the change sometimes I would get tilted X axis labels to fit and it would mess up the entire layout
Screenshot 2024-04-28 at 9 10 50 PM

We could adjust paddings, we could adjust label formats, or we could just do this for now and not special case it

Copy link

netlify bot commented Apr 29, 2024

Deploy Preview for frigate-docs canceled.

Name Link
🔨 Latest commit b6c0450
🔍 Latest deploy log https://app.netlify.com/sites/frigate-docs/deploys/662f213a400af400087f4307

@NickM-27
Copy link
Sponsor Collaborator

I would prefer not do this as the more ticks gives more context when there is room. I would suggest setting rotation to 0 (or maybe it is 90?) in the config so they are always horizontal and then perhaps they will just ellipsis.

Otherwise we may want to think about using a resizeObserver and dynamically adjusting the number of tick marks

@xconverge
Copy link
Contributor Author

Easy, text isn't even cutoff

@xconverge xconverge changed the title Adjust number of ticks to have consistent X axes Force X axis labels to be rotated correctly Apr 29, 2024
@NickM-27 NickM-27 merged commit 90468c8 into blakeblackshear:dev Apr 29, 2024
10 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants