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