高图堆积的列标签在顶部

Question

我想使所有堆叠的列标签彼此顶部重叠。

这可能吗？我尝试了各种组合，例如通过填充向上移动标签，但这并不是动态的，并且如果类别的值发生变化也不会起作用。

Answer 1

一种选择是简单地循环使用格式化程序中的堆栈标签数据。例如（JSFiddle）：

yAxis: {
    stackLabels: {
        enabled: true,
        y: -30,
        formatter: function() {
          const series = this.axis.chart.series
          const values = [];

          for(let i = 0; i < series.length; i++) {
            values.push(series[i].yData[this.x]);
          }

            return values.join("<br>");
        },
    }
}

请注意，当使用y作为分隔符值时，可能必须进行某种<br>偏移（如示例所示）才能使其出现在顶部。