Rotate X-Axis Labels 90 degrees

[seigel]

Just wondering if it was interesting to anyone else to be able to rotate the x-axis labels 90 degrees to be able to display longer ones.

Thanks!
James

[oesmith]

Definitely. I think it'd be great to have a choice of horizontal, diagonal or vertical labels.

[seigel]

Any idea what that would take or where I'd have to look to poke at that part of the code?

[oesmith]

There's a drawXAxis method (or something similar - I don't have the code in
front of me to refer to) in Morris.Line and Morris.Bar that handles the
actual drawing, which is the majority of the code.

There's also some code somewhere that calculates the height of the x-axis
label area (I think this is in Morris.Grid at the moment), which will
probably need significant refactoring to deal with rotated labels.

Olly

On 27 Jan 2013, at 14:41, James Seigel notifications@github.com wrote:

Any idea what that would take or where I'd have to look to poke at that
part of the code?

—
Reply to this email directly or view it on
GitHubhttps://github.com/oesmith/morris.js/issues/173#issuecomment-12754973.

[dshapira]

There was a simplistic example in my rounded corners PR but it really wasn't very comprehensive. Seigel, you are welcome to take a look as a starting point at least. https://github.com/oesmith/morris.js/pull/145/files

Diagonal labels could be interesting as well since the vertical ones hit the bottom of the graph area pretty quickly. If I find the time I would like to contribute but agree that it looked like some refactoring was necessary.

[oesmith]

Diagonal and vertical labels are now in master, see the code in PR #239.

[Hiren701]

i want to move my x-axis to 90 degree can any one help ?

[rachheeell]

xLabelAngle: 90,
//for rotate 90 degrees