Sign in to follow this  
rouven

LineChart: Swap the x and y axes and lines from top to bottom

Recommended Posts

Hi, 

 

is it possible to swap the x an y axes and produce a line chart which the line goes from top to bottom (instead of left to right) like the attached file ?

 

Thx

post-28420-0-11775400-1385459954_thumb.png

Share this post


Link to post
Share on other sites
Guest Rishab
Hi,

It is not possible to swap the x an y axis in a Line chart.
 

However, as a workaround you can use the style properties to be applied on the div container to fulfill the needed scenario.


The attached item is the screenshot of the same.

For ex-
<style>
transform: rotate(90deg);
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Safari and Chrome */
</style>

Please note- To display the Xaxis labels in the correct format set the value of the attribute  'labelDisplay' of the <chart> element to 'Rotate'.

Hope this helps.

post-47865-0-70944000-1385555270_thumb.jpg

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this