columnrange datalabel issue

by anikettiwari

HTML

<script src="http://github.highcharts.com/master/highcharts.src.js"></script>
<script src="http://github.highcharts.com/master/highcharts-more.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function() {

    window.chart = new Highcharts.Chart({

        chart: {
            renderTo: 'container',
            type: 'columnrange',
            inverted: true
        },

        xAxis: {
            labels: {
                enabled: false
            }
        },

        plotOptions: {
            series: {
                minPointLength: 100,
                dataLabels: {
                    enabled: true,
                    inside: true

                },
            }
        },

        series: [{
            name: "Product A",
            data: [[-200, 200]]},
        {
            name: "Product B",
            data: [[-150, 150]]},
        {
            name: "Product C",
            data: [[-100, 100]]},
        {   name: "Small Data",
            data: [[0, 1]]}
                             ]
    });

});