Rotating the X axis labels

Follow

Arik

August 19, 2014 18:48

Introduction

In this post we will explain how to rotate the x axis labels. 

by default when there's not enough space the labels turn 90 to the right.

Purpose/Benefits

In some cases you need to turn them the other way around for better readability.

Example

 

Steps

Step 1:

Create a widget with axis labels

Step 2:

Open the widget editor (pencil), edit script (options).  Paste the pieces of code below into the script editor.  Be sure to change the font within the single quotes to the labels you want for each axis.  

 

widget.on("beforeviewloaded", function(se,ev){ 
 
ev.options.xAxis.labels.rotation = 25; 
ev.options.xAxis.labels.y = 25; 
})
 

You might need to "play" a little with the y coordinate value to suite your needs (depends on your starting situation)

The same can be implemented on the yAxis as well. (change xAxis to yAxis)

 

Step 3:

Hit Save.  Refresh the page.  Hit Apply.  

 

Enjoy!

2

• 

  Michael Becker August 30, 2014 09:18

  Hi,

  is there a way to configure the size of the font for those labels as well as displayed length of the labels? I've longer names and would like to force its' full length to play around. Thanks a lot in advance.

  Regards,

  Michał

  0

  Comment actions Permalink
• 

  Evan York October 24, 2014 13:52

  Like Michal I am also curious about playing around with font-size.  Is there specific syntax for this?  Even more,  I have a numeric X axis with many values (80+) and would like to know if there was a way to display every Nth value.  This was something supported in V4 so I'm curious if it's possible in V5?

  0

  Comment actions Permalink
• 

  Douglas November 11, 2014 21:06

  Hi Evan/Michal,

  Apologies for the delayed response.  I believe the post below is what you are looking for.

  https://support.sisense.com/entries/58789440-Column-and-Line-Chart-Formatting

  0

  Comment actions Permalink
• 

  Joseph Peters December 31, 2014 18:45

  The link shows how to change the font size of the labels but not the length.  How can we set it up so that the full text of the labels shows up in the chart instead of  "Ed, Longna..."?

  0

  Comment actions Permalink
• 

  Eli January 01, 2015 12:13

  Hi Joseph,

  Changing the text wrapping for the axes labels is available in V5.7 that will be released in the following 2 weeks.

   

  0

  Comment actions Permalink
• 

  Mike van July 05, 2016 18:39

  Does this work in V6, when I cut and past the labels go away completely?

  0

  Comment actions Permalink
• 

  Nancy Sipley July 22, 2016 18:28

  Same here, Mike.

  0

  Comment actions Permalink

Please sign in to leave a comment.