高图堆积的列标签在顶部

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>");
        },
    }
}

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