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

yAxis Tick Label Alignment #4193

Closed
apiercy78 opened this issue Apr 27, 2017 · 5 comments · Fixed by #7874
Closed

yAxis Tick Label Alignment #4193

apiercy78 opened this issue Apr 27, 2017 · 5 comments · Fixed by #7874

Comments

@apiercy78
Copy link

I have a requirement to left align the yAxis tick labels. By default I see that they are right aligned tight to the graph.

I have been trying to find a solution and have been unable to find one as yet. Is this even a possible configuration or am I stuck with the right aligned tick labels?

@etimberg
Copy link
Member

Changing this is not currently possible. It requires code changes inside the draw method of the axis

@avichyz
Copy link

avichyz commented Apr 28, 2019

Help is still wanted on this matter -
I added % to the axis displayed on the right of my chart and the tex is aligned to the left, looking bad

@jakerainis
Copy link

Is this by any chance possible on the X-Axis? By default they're centered but I'd love to have the left aligned to the tick.

@raaaaay-c
Copy link

@apertureless
do the following in

yAxes: [{
	ticks: {
          mirror: true,
          padding: 50,
       }
     }]

@Nutties93
Copy link

Hi, I'm also facing this issue too. Is it possible to bring in some of the standard CSS styles to TICKS,LABELS,LEGENDS of chartjs? For example,

  1. Adding display: 'flex', justify-content:'space-evenly' to LEGEND itself.
  2. Left align Yaxis ticks instead of right.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

7 participants