datalabel inside column-1

by tin nguyen

HTML

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

JavaScript

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'column',
        events: {
            load: function() {
                var mySeries = this.series[0].data;
                    for (var i = 0; i < mySeries.length; i++) {
                    var YTranslate = mySeries[i].y >= 0 ? 25 : -25;
                    mySeries[i].dataLabel.translate(0, YTranslate);
                }
            }
        }


    },
    xAxis: {
        categories: ['Product A', 'Product B', 'Product C', 'Product D']
    },

    plotOptions: {
        series: {
            //stacking: 'normal',
            dataLabels: {
                enabled: true,
                color: 'black'
            }
        }
    },

    series: [
        {
        data: [254.0, -176.0, 134, 20.5]}]
});