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

我需要在highchart中添加一个图像，然后需要从不同角度旋转它

以下是一个例子：

和轮换代码：

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

问题是，图像旋转在Chrome、Mozilla上运行，但在IE10上不起作用

有办法解决吗？

您可以使用attr（）和旋转参数：

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