Radar label overap

by Rajesh Danabal

HTML

<script src="http://github.highcharts.com/dev-autorotate/highcharts.js"></script>
<script src="http://github.highcharts.com/dev-autorotate/modules/overlapping-datalabels.src.js"></script>
<script src="http://github.highcharts.com/dev-autorotate/highcharts-more.js"></script>

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

JavaScript

function getData() {
    var i, arr = [];
    for (i = 0; i < 100; i++) {
        arr.push({
            name: 'CategoryLabel' + i,
            y: 1
        });
    }
    return arr;
}

var options;

$(function () {
    
    options = {

        chart: {
            polar: true
        },
    
        xAxis: {
            type: 'category',
            tickmarkPlacement: 'on',        
            labels: {
                reserveSpace: true
            }
        },
    
        series: [{
            data: getData()
        }]
    
    };
    
    $('#container').highcharts(options);
    
    $('#points').bind('input', function (e) {
        
        var labels = [],
            ticks, 
            pos;
        
        options.series[0].data = getData();
        $('#container').highcharts(options);

        ticks = $('#container').highcharts().xAxis[0].ticks;
        for (pos in ticks) {        
            if (ticks[pos].label) {
                labels.push(ticks[pos].label);
            }
        }
        Highcharts.Series.prototype.hideOverlappingLabels.call(0, labels);

    });
});