始終在HighCharts中的列上方顯示數據標籤

Question

如何設置HighCharts選項以確保始終在數據標籤始終位於列頂部的位置呈現列圖？附加是一個例子，我的一個標籤被強制在下面。

我已經嘗試了很多組合dataLabels沒有運氣：

plotOptions: { 
     column: { 
      dataLabels: { 
       enabled: true 
      } 
     } 
    } 

的jsfiddle：Here

Answer 1

您需要禁用作物和溢出，請參閱：http://jsfiddle.net/NKXRk/4/

plotOptions: { 
     column: { 
      dataLabels: { 
       enabled: true, 
       crop: false, 
       overflow: 'none' 
      } 
     } 
    }, 

Answer 2

在一系列認購設置數據標籤：

series:[{ 
name:"Odometer", 
data:[{"y":94.98},{"y":182.96},{"y":160.97},{"y":18.00},{"y":117.97},{"y":6.00},{"y":127.97}], 
dataLabels: { 
      enabled: true, 
      color: '#000000', 
      backgroundColor: '#FFFFFF', 
      borderWidth: '1', 
      align: 'center', 
      x: 0, 
      y: 0, 
      rotation: 0, 
} 

}]

http://jsfiddle.net/NKXRk/1/

然後，如果您的標籤仍然重疊欄位（在上面擺弄列2），設置你的y軸最大值高一點：

yAxis:{ max: 250 }, 

http://jsfiddle.net/NKXRk/2/

Answer 3

還可以增加maxPadding參數http://jsfiddle.net/NKXRk/3/

maxPadding:0.1 

Answer 4

作物&溢/ maxPadding選項沒有工作對我來說，這是什麼做的工作，我以正確對齊：

plotOptions: { 
    column: { 
     dataLabels: { 
      enabled: true, 
      y: -20, 
      verticalAlign: 'top' 
     } 
    } 
}