Question

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

基本上尝试使用：

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

在http://jsfiddle.net/FbhAs/

中摆弄它

任何人都知道解决方法吗？

- = Jab

Answer 1

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

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

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

Answer 2

您可以更新datalabels位置，基于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
            });
        });

对于非0旋转，verticalAlign被忽略

2 个答案: