Javascript 对齐堆栈标签

我的堆栈标签有问题。我让他们旋转-90度，我已经设置左对齐和垂直对齐底部。但由于某些原因，标签与每列的底部对齐，但并不像我预期的那样。文本标签的中心与底部对齐，而不是标签的第一个字母。有没有一种方法可以在不手动计算每个堆栈标签的y偏移量的情况下实现我想要的功能？如果不是的话，我最好怎么做这个令人厌烦的计算呢

见所附提琴：

$(function () {
    $('#container').highcharts({
        chart: { type: 'column' },
        title: { text: '' },
        xAxis: { categories: [""] },
        yAxis: [{ 
            title: { text: '', style: { color: '#4572A7'} },
            labels: { 
              formatter: function () { return Highcharts.numberFormat(this.value, 0) + " USD" }, 
              style: { color: '#4572A7' } 
            },
            stackLabels: { 
            enabled: true, 
            style: { fontSize: '1.5em', fontWeight: 'bold', color: 'black' }, 
            formatter: function () { return this.stack; }, 
            rotation: -90, x: -5, 
            verticalAlign: 'bottom', 
            align: 'left' 
        }}],
        legend: { borderWidth: 1, shadow: false },
        plotOptions: { 
           column: { stacking: 'normal' },
           series: { shadow: false} 
        },
        series: [{ data: [34, 34, 54, 12, 23], stack: 'Stack 1' }]
    });
});

干杯

编辑

这是我实际拥有的东西的简化版本。在我的真实图表中，我有动态内容，因此堆栈标签中有不同的文本，列有不同的高度。这些我事先都不知道，因此我需要以某种方式动态调整堆栈标签到列的底部（和左侧），而不管实际标签中文本的长度

再次感谢

您可以更改：

verticalAlign: 'middle'

例如：

或者，如果您想在底部添加：

y: -40

---

示例：

我刚想出来！我必须具体说明

textAlign: 'left'

也一样，这就解决了它

请参阅更新的JSFIDLE：

---

谢谢您的回答，是的，您在这个特殊且简化的案例中是正确的。但我的问题是，我在图形中有动态内容，因此堆栈标签都有不同的文本，我事先不知道文本是什么，所以我不能用固定的y坐标调整它们，比如40。至于“垂直对齐：中间”也不起作用。首先，因为我确实希望文本从列的底部开始向上放置，但也因为这种对齐方式会使文本放置在不同的高度，甚至在带有小列的图形之外。