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

Opposite xAxis labels overlap the chart #474

Closed
eolsson opened this Issue Sep 22, 2011 · 6 comments

Comments

Projects
None yet
5 participants
@eolsson
Contributor

eolsson commented Sep 22, 2011

In this example: http://jsfiddle.net/kzoon/KYcgF/ the x axis is configured with opposite: true and the labels span two lines. The second line overlap the chart iteself.

Expected: That the axis layout is large enough to hold wrapped lines if there are any.

@TorsteinHonsi

This comment has been minimized.

Show comment
Hide comment
@TorsteinHonsi

TorsteinHonsi Sep 22, 2011

Collaborator

Quick fix: Use the y option. http://jsfiddle.net/KYcgF/4/

Collaborator

TorsteinHonsi commented Sep 22, 2011

Quick fix: Use the y option. http://jsfiddle.net/KYcgF/4/

@eolsson

This comment has been minimized.

Show comment
Hide comment
@eolsson
Contributor

eolsson commented Sep 22, 2011

@TorsteinHonsi

This comment has been minimized.

Show comment
Hide comment
@TorsteinHonsi

TorsteinHonsi Mar 1, 2013

Collaborator

In order to fix this, the y option must be changed to an intelligent guess, and then the default position be calculated in Tick.getLabelPosition based on which side the axis is on.

Collaborator

TorsteinHonsi commented Mar 1, 2013

In order to fix this, the y option must be changed to an intelligent guess, and then the default position be calculated in Tick.getLabelPosition based on which side the axis is on.

@pawelfus

This comment has been minimized.

Show comment
Hide comment
@pawelfus

pawelfus Aug 28, 2015

Contributor

Works fine with autoRotation feature. Also when disabled: http://jsfiddle.net/KYcgF/42/

Contributor

pawelfus commented Aug 28, 2015

Works fine with autoRotation feature. Also when disabled: http://jsfiddle.net/KYcgF/42/

@pawelfus pawelfus closed this Aug 28, 2015

@Izothep

This comment has been minimized.

Show comment
Hide comment
@Izothep

Izothep Jan 8, 2016

The problem is still present for labels with more than two lines.
http://jsfiddle.net/KYcgF/50/

As a workaround I have written simple function for translating labels:
http://jsfiddle.net/KYcgF/48/

Izothep commented Jan 8, 2016

The problem is still present for labels with more than two lines.
http://jsfiddle.net/KYcgF/50/

As a workaround I have written simple function for translating labels:
http://jsfiddle.net/KYcgF/48/

@jbgarr

This comment has been minimized.

Show comment
Hide comment
@jbgarr

jbgarr Apr 7, 2016

+1

I'm still seeing this issue with labels that are more than two lines long. Also @Izothep it seems your solution is not working, at least not in the js fiddle you linked to.

Any help here would be appreciated.

jbgarr commented Apr 7, 2016

+1

I'm still seeing this issue with labels that are more than two lines long. Also @Izothep it seems your solution is not working, at least not in the js fiddle you linked to.

Any help here would be appreciated.

@pawelfus pawelfus reopened this Apr 8, 2016

TorsteinHonsi added a commit that referenced this issue Apr 11, 2016

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