Highcharts两个值为1的堆叠列叠加时仅显示一个数据标签问题

问题解决方法 #

你遇到的问题由两个原因导致：一是Highcharts默认开启了数据标签重叠自动隐藏逻辑，小数值对应的柱段高度不足，两个标签位置重叠就会被自动隐藏一个；二是你当前的对数轴配置存在语法错误，没有正常生效。

1. 修正y轴配置

你当前使用的AxisTypeValue是无效属性，对数轴的正确配置字段为type，且对数轴不支持最小值为0，需将最小值调整为1，修正后的配置如下：

yAxis: {
     min: 1,
     type:'logarithmic',
     title: {
         text: 'Texto Cantidad'
     },
     stackLabels: {
         enabled: false,
         style: {
             fontWeight: 'bold',
             color: ( // theme
                 Highcharts.defaultOptions.title.style &&
                 Highcharts.defaultOptions.title.style.color
             ) || 'gray'
         }
     }
 },

2. 调整数据标签配置，关闭重叠自动隐藏

在plotOptions.column.dataLabels中新增allowOverlap: true配置，强制显示所有数据标签，同时可调整内边距、偏移量避免显示拥挤，修正后的配置如下：

plotOptions: {
     column: {
         grouping: false,
         stacking: 'normal',
         dataLabels: {
             enabled: true,
             allowOverlap: true, // 核心配置：允许标签重叠，关闭自动隐藏
             padding: 0, // 减小标签内边距，适配小柱段
             y: 0, // 调整标签垂直偏移量，可根据实际显示效果修改
             formatter: function(){
                 var val = this.y;
                 if (val < 1) {
                     return '';
                 }
                 return val;
             }
         }
     }    
 },

可选优化

如果调整后两个标签重叠影响阅读，可以在formatter中给不同系列的标签增加换行符，或者为不同系列配置不同的y偏移量，让标签上下错开显示。

内容的提问来源于stack exchange，提问作者CJ-