Immer Datenbeschriftungen oberhalb von Spalten in HighCharts anzeigen

Question

Wie kann ich die HighCharts-Optionen festlegen, um sicherzustellen, dass Spaltendiagramme immer dort gerendert werden, wo die Datenbeschriftung immer über der Spalte steht? Beigefügt ist ein Beispiel, bei dem eines meiner Labels nach unten gezwungen wird.

Ich habe kein Glück in dataLabels viele Kombination versucht:

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

JSFiddle: Here

Answer 1

Sie benötigen Ernte und Überlauf zu deaktivieren, finden Sie unter: http://jsfiddle.net/NKXRk/4/

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

Answer 2

die Datenbeschriftungen in Ihrer Serie Call Set:

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/

Dann, wenn Sie Ihre Etiketten noch die Spalten ein Bit (Spalte 2 in Geige oben) überlappen, stellen Sie Ihren yAchse max etwas höher:

yAxis:{ max: 250 }, 

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

Answer 3

Sie auch erhöhen können maxPadding Parameter http://jsfiddle.net/NKXRk/3/

maxPadding:0.1 

Answer 4

Die Ernte & Überlauf/maxPadding Optionen nicht für mich arbeiten, das ist, was hat den Job für mich richtig auszurichten:

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