自定义条形图文本与Highcharts

Question

我正在创建堆叠的Highcharts条形图。在每个栏中，我想要自定义文本。但是，highcharts仅显示数据编号。

小提琴是here。

我的代码是：

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'bar'
        },
        title: {
            text: 'Stacked bar chart'
        },
        xAxis: {
            categories: ['Apples', 'Oranges']
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Total fruit consumption'
            }
        },
        legend: {
            reversed: true
        },
        plotOptions: {
            series: {
                stacking: 'normal'
            },
            bar: {
                dataLabels: {
                enabled: true
              }
            }
        },
        series: [{
            name: 'John',
            data: [['test 1', 5], ['test 2', 3]]
        }, {
            name: 'Jane',
            data: [['test 3', 2], ['test 4', 2]]
        }]
    });
});

我想要测试1＆＃39;，＆＃39;测试2＆＃39;等条形图出现在条形图中（它们确实出现在弹出窗口中）。但相反，数据编号，即5,3,2，ans 2出现在那里。可以这样做吗？

Answer 1

See working fiddle with your data here

使用格式化函数：

 bar: {
            dataLabels: {            
        formatter: function(){
        return this.point.name
        },
            enabled: true
          }
        }