Вращение маркера в Highchart

Есть ли способ повернуть каждый маркер на разные углы?

скажем, в следующем примере в серии 1 маркеры изображения должны поворачиваться на (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]
            ]
        }]
    });
});

Пример кода


highcharts
person shaaaa    schedule 27.08.2013    source источник
comment
используйте это (//jsfiddle.net/gvTWf/1/) может быть вам полезно.   -  person    schedule 27.08.2013
comment
Сэнди, я уже видел эту скрипку, она бесполезна в моем примере с jsfiddle... В любом случае, спасибо.   -  person shaaaa    schedule 27.08.2013
comment
Sur, можете ли вы описать свой запрос в небольшом пояснении?   -  person    schedule 27.08.2013

Ответы (1)


arrow_upward
0
arrow_downward

К сожалению, это официально не поддерживается, но вы можете использовать обходной путь, который перебирает каждую точку и вращается с помощью функции attr(). Это не идеально, но вы можете использовать перевод для перемещения маркеров.

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

    });
person Sebastian Bochan    schedule 28.08.2013
comment
Это помогло :) Спасибо, Себастьян :) - person shaaaa; 29.08.2013
comment
Есть ли обновление, которое работает с текущей версией? Я не вижу никакого влияния на вращение символа в этом примере. - person jlbriggs; 16.07.2015
comment
Вы можете попробовать использовать метод .css() и, например, «преобразовать»: «повернуть (7 градусов)» - person Sebastian Bochan; 20.07.2015