如何在highcharts中获得列之间的值差异

Question

我在这个例子中有一个简单的柱形图。 Fiddle 我试过这段代码。

 $(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({

            chart: {
                renderTo: 'container',
                type: 'column'
            },

            title: {
                text: 'Total fruit consumtion, grouped by gender'
            },

            xAxis: {
                categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
            },

            yAxis: {
                allowDecimals: false,
                min: 0,
                title: {
                    text: 'Number of fruits'
                }
            },

            tooltip: {
                pointFormat : '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b><br/>', shared : true

            },

            plotOptions: {
                column: {
                }
            },

            series: [{
                name: 'John',
                data: [5, 3, 4, 7, 2]
            },
            {
                name: 'Joe',
                data: [3, 1, 4, 4, 3]
            }]
        });
    });

});

我想知道如何在工具提示操作中获得差异而不是总数。 我想在列上显示如下： image