Highcharts 堆叠条形图如何显示值

如何在堆叠条形图中显示静态值。下面是我正在使用的代码

  $(function () {

                Highcharts.chart('container5', {

                    chart: {
                        type: 'bar'

                    },
                    title: {
                        text: null
                    },
                    xAxis: {
                        categories: [''],
                        lineWidth: 0, // STEP TWO
                        tickWidth: 0, // STEP ONE
                        labels: {
                            enabled: false
                        },


                    },

                    yAxis: {
                        min: 0,
                        title: {
                            text: '  '
                        },
                        labels: {
                            enabled: false,//default is true
                        },
                        gridLineWidth: 0,
                        minorGridLineWidth: 0,


                    },
                    legend: {
                        reversed: true
                    },


                    plotOptions: {
                        series: {
                            stacking: 'normal'
                        },
                        column: { //at the top bar chart values
                            dataLabels: {
                                enabled: true,
                                crop: false,
                                overflow: 'none'
                            }
                        },

                        bar: {
                            dataLabels: {
                                enabled: true,
                                distance: -50,
                                formatter: function () {
                                    var dlabel = this.series.name + '<br/>';
                                    // dlabel += Math.round(this.percentage*100)/100 + ' %';
                                    return dlabel
                                },
                                style: {
                                    color: 'white',
                                },
                            },

                        }

                    },
                    series: [{
                        showInLegend: false,
                        name: '20',
                        data: [20]
                    }, {
                        showInLegend: false,
                        name: '20',
                        data: [20]
                    }, {
                        showInLegend: false,
                        name: '20',
                        data: [20]
                    }, {
                        showInLegend: false,
                        name: '20',
                        data: [20]
                    }, {
                        showInLegend: false,
                        name: '20',
                        data: [20]
                    }]
                });
            });

$（函数（）{
海图。海图（'container5'{
图表：{
类型：'bar'
},
标题：{
文本：空
},
xAxis：{
类别：['']，
线宽：0，//第二步
tickWidth:0，//第一步
标签：{
已启用：false
},
},
亚克斯：{
分:0,，
标题：{
文本：“”
},
标签：{
enabled:false，//默认值为true
},
网格线宽：0，
minorGridLineWidth:0，
},
图例：{
对
},
打印选项：{
系列：{
堆叠：“正常”
},
列：{//位于顶部条形图值处
数据标签：{
启用：对，
作物：假，
溢出：“无”
}
},
酒吧：{
数据标签：{
启用：对，
距离：-50，
格式化程序：函数（）{
var dlabel=this.series.name+'
'；
//dlabel+=Math.round（此.percentage*100）/100+'%'；
返回标签
},
风格：{
颜色：'白色'，
},
},
}
},
系列：[{
showInLegend:false，
姓名:"20",，
数据：[20]
}, {
showInLegend:false，
姓名:"20",，
数据：[20]
}, {
showInLegend:false，
姓名:"20",，
数据：[20]
}, {
showInLegend:false，
姓名:"20",，
数据：[20]
}, {
showInLegend:false，
姓名:"20",，
数据：[20]
}]
});
});

这是输出，请参阅附件

在红色矩形框中标记的屏幕截图中，要显示值。请参阅下面附带的屏幕截图

原始屏幕截图（示例一）

像这个屏幕截图一样，我需要在顶部显示可以在顶部看到的值。

添加， y:-100到bar.dataLabel选项（在格式化程序之前）

图像输出：

标签顶部缺少一些名称：

5-9年和15-20年..交替打印

在堆叠条形图中，也不会显示值“20”。

添加， y:-100到bar.dataLabel选项（在格式化程序之前）

图像输出：

标签顶部缺少一些名称：

5-9年和15-20年..交替打印

---

此外，在堆叠条形图中，值“20”也不会显示。

您可以定义多个数据标签，并将其中一个放在列的顶部，例如：

series: [{
  ...,
  dataLabels: [{}, {
    format: '20yrs',
    y: -100
  }]
}, ...]

---

现场演示：

---

API参考：

您可以定义多个数据标签，并将其中一个放在列的顶部，例如：

series: [{
  ...,
  dataLabels: [{}, {
    format: '20yrs',
    y: -100
  }]
}, ...]

---

现场演示：

---

API参考：

尝试将

y:-100

添加到

栏中。数据标签

选项（在

格式化程序

之前）尝试将

y:-100

添加到

栏中。数据标签

选项（在

格式化程序

之前）