highcharts - 非 0 旋转忽略垂直对齐

Question

如果我尝试旋转柱形图中的数据标签，则无法对齐列底部的标签，verticalAlign 似乎已被完全忽略。

基本上尝试使用：

plotOptions: {
   column: {
      stacking: 'normal',
      dataLabels: {
         enabled: true,
         verticalAlign: 'bottom',    
         rotation: -90
      }
   }
} 

摆弄它：http: //jsfiddle.net/FbhAs/

有人知道解决方法吗？

-= 刺拳

Answer 1

dataLabels 似乎没有正确对齐到底部。相反，请使用轴标签本身。对于柱形图，您可以将其放在 xAxis 中作为图表选项。

xAxis: {    
    labels: {
        enabled: true,
        rotation: -90,
        y: -10 // negative goes upwards
    }
}

然后，您可以根据 dataLabels 添加样式、格式化程序功能等。

Answer 2

您可以根据 translate() 函数更新数据标签位置，该函数允许“移动”svg 对象以进行定义的 postiison。

http://jsfiddle.net/wMLg6/37/

 var bottom = chart.plotHeight - 20;

        $.each(chart.series[0].data,function(i,data){

            data.dataLabel.attr({
                y: bottom
            });
        });