x axis labels inside issue

kzoon

HTML

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

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column',
            backgroundColor: 'lightblue',
            plotBackgroundColor: 'lightyellow',
            marginBottom: 8

        },
        credits: {
            enabled: false
        },
        legend: {
            enabled: false
        },
        xAxis: {
            categories: ['Europe', 'South America', 'North America xxxxxxx'],
            labels: {
                rotation: -90,
                align: 'left',
                y: -8
            }
        },
        series: [{
            data: [129.9, 111.5, 106.4]
        }]
    });
});