对齐堆栈标签

Question

我遇到了堆栈标签问题。我有他们旋转-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' }] 
    }); 
}); 

http://jsfiddle.net/Zprjn/6/

干杯！

编辑

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

再次感谢！

Answer 1

我想通了！我不得不指定

textAlign: 'left' 

以及固定它！

查看更新的jsfiddle：

http://jsfiddle.net/Zprjn/9/

Answer 2

您可以更改：

verticalAlign: 'middle' 

例子：http://jsfiddle.net/Zprjn/7/

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

y: -40 

例子：http://jsfiddle.net/Zprjn/8/