Warum sind meine Etiketten nicht auf der gleichen Höhe

Question

Meine Frage ist über eine Spalte chart ich mache .. Ich verstehe nicht, warum mein Etikett nicht auf die Höhe eingestellt sind .. Ich versuche viele Dinge, aber ich wirklich nicht ' t know .. Hier können Sie ein Beispiel finden: jsfiddle project

$(function() { 
    var chart; 
    $(document).ready(function() { 
    chart = new Highcharts.Chart({ 
     chart: { 
     renderTo: 'container', 
     type: 'column', 
     height: 200 
     }, 
     title: { 
     text: 'Monthly Average Rainfall' 
     }, 
     xAxis: { 
     offset: 0, 
     labels: { 
      useHTML: true, 
      rotation: 0 
     }, 
     tickmarkPlacement: 'on', 
     gridLineWidth: 0, 
     lineWidth: 0, 
     tickPosition: 'outside' 
     }, 
     yAxis: { 
     gridLineWidth: 0, 
     plotLines: [{ 
      color: '#DDDDDD', 
      width: 1, 
      value: 0 
     }], 
     max: 0.92, 
     labels: { 
      enabled: false 
     }, 
     title: { 
      text: '' 
     } 
     }, 
     credits: { 
     enabled: false 
     }, 
     tooltip: { 
     enabled: false, 
     }, 
     plotOptions: { 
     column: { 
      pointPadding: 0.2, 
      borderWidth: 0, 
      stacking: 'normal', 
      dataLabels: { 
      enabled: true, 
      color: 'black', 
      verticalAlign: 'top', 
      useHTML: true, 
      y: -20 
      } 
     }, 
     }, 
     series: [{ 
     showInLegend: false, 
     negativeColor: '#F14646', 
     color: '#00B76C', 
     pointWidth: 40, 
     data: [0.01, 0.03, 0.03, 0.05, 0.03, 0.10, 0.11, 0.11, 0.15, 0.92] 
     }] 
    }) 
    }); 

}); 

Thank you !!

Answer 1

Es scheint, dass plotOptions.column.stacking = 'normal' und plotOptions.column.y: -20 die meisten Probleme verursachen. Also, zuerst sollten Sie plotOptions.column.y: 0 (oder entfernen Sie es). Zweitens könnten Sie eine der folgenden Aktionen

• plotOptions.column.stacking vollständig entfernen, wenn Sie nicht wirklich brauchen es
  • einigen Spaltenbeschriftungen noch in der Leiste angezeigt werden, können anstelle von oben, ist dies, weil es nicht ist genug Raum oberhalb der Spalte - eine Option ist yAxis.max zu einem ausreichend großen Wert setzen Raum
• zu garantieren, wenn Sie Stapel benötigen, verwenden Sie stattdessen yAxis.stackLabels.enabled: true (und entfernen plotOptions.column.dataLabels, wenn sie stören)

Siehe die relevanten und ihre stacked column chart example.