Pivot chart - x labels angle

Webix JS
1

Hello,

When labels for x-axis are long no one can read them (http://snag.gy/BPfQq.jpg).

Is it possible to specify angle of labels or may be there is another way to make them readable?

Thank you.

2

Hello,

you can try to apply html5 rotate transformation for “x-axis” labels:

<style>
     .webix_axis_item_x{
          ...  
     }
</style>

and you will probably need to make bottom padding higher for the chart plot:

view:"pivot-chart",
chart: {
     padding: {bottom: 100}
},
...
3

Thank you, Maria. This works for me.

4

You are welcome!

5

This works for me:

<style>
     .webix_axis_item_x{
        -ms-transform: rotate(300deg); /* IE 9 */
		-webkit-transform: rotate(300deg); /* Chrome, Safari, Opera */
		transform: rotate(300deg); 
		padding-top:30px;
     }
</style>
6

How to support IE8?

7

You can use progid:DXImageTransform.Microsoft.Matrix
in IE8 to rotate text