highcharts - Highchart中的标记旋转

Question

有没有办法将每个标记旋转不同的角度？

可以说，在下面的示例中，在系列 1 中，图像标记应分别为 hv (30, 90) 和系列 2，(150, 60) 度旋转。

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

JS

$(function () {
    $('#container').highcharts({
        chart: {
        },
        xAxis: {
            minPadding: 0.05,
            maxPadding: 0.05
        },

        series: [{
            data: [
                {
                y: 29.9,
                    x:0,
                   marker: {
                    symbol: 'url(http://www.highcharts.com/demo/gfx/snow.png)'
                }
            }, 
                {
                y: 71.9,
                    x:1,
                   marker: {
                    symbol: 'url(http://www.highcharts.com/demo/gfx/snow.png)'
                }
            },  
                [3, 106.4]
            ]
        },
                {
            data: [
                {
                y: 60,
                    x:0,
                   marker: {
                    symbol: 'url(http://www.highcharts.com/demo/gfx/snow.png)'
                }
            }, 
                {
                y: 25,
                    x:1,
                   marker: {
                    symbol: 'url(http://www.highcharts.com/demo/gfx/snow.png)'
                }
            },  
                [3, 90]
            ]
        }]
    });
});

代码示例

Answer 1

不幸的是，它不受官方支持，但您可以使用解决方法，它在每个点上迭代并按功能旋转attr()。它并不完美，但您可以使用 translate 来移动标记。

http://jsfiddle.net/yd8hV/2/

 $.each(chart.series[0].data,function(i,point){

        if(!point.angle)
            point.angle = 0;

        this.graphic.attr({
            rotation:point.angle
        })
        .translate(10,-10);

    });