prevents label collision control

by kzoon

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px; width: 500px"></div>

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            height: 400,
            type: 'column',
            inverted: true
        },
        xAxis: {
            "categories": ["World", "Americas", "Australia", "Europe", "Asia", "TEST", "Canada", "Toronto", "Montreal", "Ottawa", "Vancouver", "Edmonton", "Calgary", "USA", "Boston", "NYC", "Dallas", "Denver", "LA", "Chicago", "Seattle", "SouthReg", "MexCity", "Monterrey", "Caracas", "Santiago", "Sao Paulo", "Bogota", "EastAust", "Sydney", "Brisbane", "Newcastle", "Wollongong", "Canberra", "Melbourne", "CntlAust", "Darwin", "BrkHill", "Adelaide", "AliceSpr", "WestAust", "Perth", "Kalgoorlie", "Fremantle", "Albany", "France"],
                "min": 0,
                "max": 45,
            labels: {
                step: 1,
                    "overflow": false,
                    "autoRotation": 0,
                    "maxStaggerLines": 1,
                    "step": 1,
                    "x": -8,
                    "y": 4,
                    "style": {
                    "whiteSpace": "nowrap",
                        "fontFamily": "'Lucida Grande', 'Lucida Sans Unicode'",
                        "fontSize": "11px",
                        "color": "rgba(102,102,102,1)"
                }
            }
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }]
    });
});