How to show multi data Labels on group column highcharts
<p>I have the data that I want to display on column like this: </p>

<p><img src="https://i.stack.imgur.com/Vj8on.png" alt="enter image description here"></p>

<p>I tried <a href="http://jsfiddle.net/SpzBa/19/" rel="nofollow noreferrer">this code</a> but it isn't working. How can I do this?</p>

<p>HTML:</p>

<pre><code>&lt;script src="http://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
&lt;script src="http://code.highcharts.com/modules/exporting.js"&gt;&lt;/script&gt;

&lt;div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"&gt;&lt;/div&gt;
</code></pre>

<p>Javascript:</p>

<pre><code>$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'Column chart'
        },
        xAxis: {
            categories: ['Apples', 'Oranges', 'Pears']
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Total fruit consumption'
            },
            stackLabels: {
                enabled: true,
                style: {
                    fontWeight: 'bold',
                    color: (Highcharts.theme &amp;&amp; Highcharts.theme.textColor) || 'gray'
                }
            }
        },
        legend: {
            align: 'right',
            x: -70,
            verticalAlign: 'top',
            y: 20,
            floating: true,
            backgroundColor: (Highcharts.theme &amp;&amp; Highcharts.theme.background2) || 'white',
            borderColor: '#CCC',
            borderWidth: 1,
            shadow: false
        },
        tooltip: {
            formatter: function() {
                var allSeries = this.series.chart.series;
                var totalAmount = 0;
                for(var s in allSeries) { totalAmount += allSeries[s].points[this.point.x].Amount; }

                return '&lt;b&gt;'+ this.x +'&lt;/b&gt;&lt;br/&gt;'+
                    this.series.name +': '+ this.y + ' (&lt;b&gt;$ ' + this.point.Amount +') &lt;br/&gt;'+
                   'Total: '+ this.point.stackTotal + ' (&lt;b&gt;$ ' + totalAmount +')';
            }
        },
        plotOptions: {
            column: {
                dataLabels: {
                    enabled: true,
                    color: (Highcharts.theme &amp;&amp; Highcharts.theme.dataLabelsColor) || 'white',
                    style: {
                        textShadow: '0 0 3px black, 0 0 3px black'
                    },
                    formatter: function() {
                      return this.point.Amount + '%'
                    },

                }
            }
        },
        series: [{
            name: 'John',
            data: [{y: 5, Amount: 100}, {y: 3, Amount: 60}, {y: 4, Amount: 80}]
        }, {
            name: 'Joe',
            data: [{y: 3, Amount: 60}, {y: 4, Amount: 80}, {y: 4, Amount: 80}]
        }]
    });
});
</code></pre>