Rotasi penanda di Highchart

Apakah ada cara untuk memutar setiap penanda dengan sudut yang berbeda-beda?

katakanlah, Dalam contoh berikut, Dalam seri 1, penanda gambar harus memiliki rotasi masing-masing sebesar (30, 90) dan dalam seri 2, (150, 60) derajat.

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

Contoh kode


highcharts
person shaaaa    schedule 27.08.2013    source sumber
comment
gunakan ini (//jsfiddle.net/gvTWf/1/) mungkin bermanfaat bagi Anda.   -  person    schedule 27.08.2013
comment
Sandy, sudah melihat biola itu, tidak membantu dalam contoh jsfiddle saya... Pokoknya terima kasih.   -  person shaaaa    schedule 27.08.2013
comment
Bisakah Anda menjelaskan pertanyaan Anda dengan sedikit penjelasan lebih lanjut?   -  person    schedule 27.08.2013

Jawaban (1)


arrow_upward
0
arrow_downward

Sayangnya ini tidak didukung secara resmi, tetapi Anda dapat menggunakan solusi, yang mengulangi pada setiap titik dan memutar berdasarkan fungsi attr(). Ini tidak sempurna, tetapi Anda dapat menggunakan terjemahan untuk memindahkan penanda.

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
Ini membantu :) Terima kasih Sebastian :) - person shaaaa; 29.08.2013
comment
Apakah ada pembaruan yang berfungsi dengan versi saat ini? Saya tidak melihat efek apa pun pada rotasi simbol dalam contoh ini - person jlbriggs; 16.07.2015
comment
Anda dapat mencoba menggunakan metode .css() dan misalnya 'transform': 'rotate(7deg)' - person Sebastian Bochan; 20.07.2015