internet explorer 10 - Highchart renderer image rotation is not working in IE10 -

i need add image in highchart , need rotate on different angles.

here example: http://jsfiddle.net/pezfm/

and rotation code:

chart.renderer     .image('http://graphs2.stormgeo.com/images/arrows/layout%202/0/test.png', 100, 100, 30, 30)     .css({         '-webkit-transform': 'rotate( 50deg)',         "-webkit-transform-origin": "center center",         'transform': 'rotate(50deg)',         "transform-origin": "center center",         '-ms-transform': 'rotate(50deg)',         "-ms-transform-origin": "center center",     })     .add(); 

the problem is, image rotation working on chrome, mozilla not working on ie10.

is there way fix it?

you can use attr() , rotation paramter: http://jsfiddle.net/pezfm/3/

chart.renderer.image('http://graphs2.stormgeo.com/images/arrows/layout%202/0/test.png', 100, 100, 30, 30) .attr({         rotation:40     })         .add();