First Label not on bar Issue

by amrutaJgtp

HTML

<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="height: 400px"></div>

JavaScript

$(function () {

    $('#container').highcharts({
        chart: {
            type: 'column',
            zoomType: 'xy'
        },
        title: {
            text: 'Salary Of EmployeeByDept from Join Date(MM-YYYY)'
        },
        xAxis: {
            title: {
                text: 'EmployeeByDept by Join Date'
            },
            type: 'datetime',
            labels: {
                //format: '{value:%m-%Y}',
                rotation: -45,
               
                style: {
                    fontSize: '13px',
                    fontFamily: 'Verdana, sans-serif'
                }
            },
            startOnTick: true,
            endOnTick: true,
            minPadding: 0,
            units: [
                [
                    'month', [3]],
                [
                    'year', null]
            ]
        },
        yAxis: {
            title: {
                text: 'Salary'
            },
            min: 0
        },
        scrollbar: {
            enabled: true
        },
        series: [{
            pointStart: Date.UTC(2010, 4),
            data: [

                [Date.UTC(2010, 4), 500000], //may
               
                [Date.UTC(2010, 8), 400000],//sept
              

                ]
            
        }]
    });
});