Highchart渲染器图像旋转在IE10中不起作用

Question

我需要在Highchart中添加图像，然后需要在不同的角度旋转它。

这里是例子：http://jsfiddle.net/peZfm/

和旋转代码：

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(); 

的问题是，图像旋转正在浏览器，Mozilla但不工作的IE10。

有没有办法解决它？

Answer 1

您可以使用ATTR（）和旋转放慢参数：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();