LabelStartAt

HTML

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

JavaScript

chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container',
        backgroundColor: '#CCCCCC',
        type: 'column'
            },
    
    title: {

            text: ''

         },
   legend: {
        enabled: false
    }, 
    xAxis: {
        categories: ['Total Gap', 'Execution Gap', 'Risk Gap', 'Strategy Gap'],
labels: {
style: {
    color: '#777777',
        fontWeight: 'bold' 
    }
}},
yAxis: {
    min: 480,
    max: 550,
    endOnTick: false,
        startOnTick: false,
    gridLineColor: '#CCCCCC',
    tickColor: '#993300',
     lineColor: '#993300',
    lineWidth: 2,
    title: {
        text: null},
    labels: {
        style: {
    color: '#777777',
        fontWeight: 'bold' 
    },
            formatter: function() {
                if (this.value == 500 || this.value == 550) {
                    return this.value;
                } else {
                    return null;
                }}}
},

 tooltip: {
        formatter: function() {
            return this.x +
                '</b> is <b>'+ this.point.name + '</b>';
        }
    },
exporting: {
        filename: '<?php echo "total_gap";?>'
    },
    series: [ {
        color:'#73868c',
        shadow:false,
        borderWidth:1,
        borderColor:'#669',
        groupPadding:0,
        pointPadding:.1,
        data: [{
        name: '50',
            low:500,
            y: 550
        }, {
            name: '20',
            low: 500,
            y: 520  
        }, {
            name: '-40',
            low: 520,
            y: 480  
        }, {
            name: '70',
            low: 480,
            y: 550  
        }]
    }]
                               
});