Design Studio 1.5 – Rotate the Axis label through CSS is not working on IE 9

Hi all

I need to rotate the Y-Axis label of a column chart in DS 1.5 and I’ve tried to use the below CSS’s to achieve this goal without success.

a)

.myRotation g.v-m-datalabel g.v-datalabel

{

transform: translateX(50%) translateY(50%) rotate(-90deg);

transform-origin: left top 0;

}

b)

.myRotation g.v-m-datalabel g.v-datalabel

{

-webkit-transform: rotate(-90deg) !important;

-moz-transform: rotate(-90deg) !important;

-ms-transform: rotate(-90deg) !important;

-o-transform: rotate(-90deg) !important;

transform: rotate(-90deg) !important;

}

c)

.myRotation g.v-m-datalabel g.v-datalabel

{

transform: rotate(-90deg) !important;

glyph-orientation-vertical: -90deg !important;

glyph-orientation-horizontal: -90deg !important;

}

None of the above CSS statements are working on IE 9.

I’ve also looked on scn on the below related posts:

https://scn.sap.com/thread/3639883

http://scn.sap.com/thread/3771866

https://scn.sap.com/thread/3632638

But if I try to apply the suggested logic into my CSS file it never works.

Basically I need in DS1.5 to be able to have something like:

Can you please help me on some suggestions/ideas?

Best regards

Armando Santos