Mostra sempre le etichette dei dati sopra le colonne in HighCharts

Question

Come posso impostare le opzioni HighCharts per garantire che i grafici delle colonne siano sempre visualizzati dove l'etichetta dei dati è sempre in cima alla colonna? In allegato c'è un esempio in cui una delle mie etichette è forzata di seguito.

Ho provato molte combinazioni in datalabels senza fortuna:

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

JSFiddle: Here

Answer 1

è necessario disabilitare colture e troppo pieno, si veda: http://jsfiddle.net/NKXRk/4/

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

Answer 2

Impostare le etichette di dati nella chiamata serie:

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/

Poi, se le etichette ancora si sovrappongono le colonne un po '(colonna 2 in violino sopra), impostare il massimo asseY un po' più alto:

yAxis:{ max: 250 }, 

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

Answer 3

È possibile anche aumentare maxPadding parametro http://jsfiddle.net/NKXRk/3/

maxPadding:0.1 

Answer 4

Il raccolto opzioni & di overflow/maxPadding non ha funzionato per me, questo è ciò che ha fatto il lavoro per me, per allineare in modo corretto:

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