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

Question

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

这是示例： //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();