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

Question

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

以下是示例：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();

问题是，图像轮换在Chrome，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();