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

Angled labels on x-axis can cause start of y-axis grid lines to be rendered incorrectly (v2.0) #2478

Closed
tomduncalf opened this issue May 6, 2016 · 1 comment · Fixed by #3508

Comments

@tomduncalf
Copy link
Contributor

tomduncalf commented May 6, 2016

With angled tick labels on the x-axis, the start of the y-axis grid lines gets offset, which looks incorrect as it introduces a gap before the chart starts.

Actual result:

image

(start of y-axis grid lines is offset, leaving blank space before the chart)

Expected result:

image

(start of y-axis grid lines aligns with first tick of x-axis)

Test case: http://jsbin.com/katihageca/1/edit?html,js,output

Thanks

@etimberg
Copy link
Member

etimberg commented May 7, 2016

One option is to set the maxRotation to 0 on the x axis, but it's only slightly better: http://jsbin.com/yifuxuqura/1/edit?html,js,output

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.

3 participants