Highcharts - lunghi multilinea etichette dell'asse y causando seguente etichetta per essere rimosso

Question

Ho una necessità di alcune molto lunghe etichette multilinea sull'asse y di un grafico Highcharts bar.

Il mio problema è che a lungo, etichette multilinea causano la seguente etichetta da rimuovere - probabilmente un fail-safe sovrapposizione interna di qualche tipo.

Sono al punto in cui ho aumentato la larghezza etichetta in modo che ho potuto controllare la parola stesso avvolgimento con interruzioni di riga (l'involucro parola interna produce anche lo stesso problema sto avendo con etichette mancanti.)

I Mi piacerebbe essere in grado di disattivare questa funzione e affrontare la sovrapposizione di me stesso.

Esempio:

tabella opzioni:

{ 
    "colors": [ 
     "#00AEEF" 
    ], 
    "credits": { 
     "enabled": false 
    }, 
    "chart": { 
     "type": "bar" 
    }, 
    "tooltip": {}, 
    "plotOptions": { 
     "column": { 
      "pointPadding": 0.2, 
      "borderWidth": 0 
     }, 
     "series": { 
      "borderWidth": 0, 
      "dataLabels": { 
       "enabled": true, 
       "format": "{point.y:.1f}%" 
      } 
     } 
    }, 
    "series": [ 
     { 
      "showInLegend": false, 
      "data": [ 
       [ 
        "this is a pretty long label <br/>that will most likely cause the next<br/> row not to appear", 
        70 
       ], 
       [ 
        "this is a pretty long label <br/>that will most likely cause the next<br/> row not to appear", 
        62.5 
       ], 
       [ 
        "this is a pretty long label <br/>that will most likely cause the next<br/> row not to appear", 
        41.25 
       ], 
       [ 
        "this is a pretty long label <br/>that will most likely cause the next<br/> row not to appear", 
        26.25 
       ], 
       [ 
        "this is a pretty long label <br/>that will most likely cause the next<br/> row not to appear", 
        18.75 
       ], 
       [ 
        "this is a pretty long label <br/>that will most likely cause the next<br/> row not to appear", 
        11.25 
       ], 
       [ 
        "this is a pretty long label <br/>that will most likely cause the next<br/> row not to appear", 
        7.5 
       ], 
       [ 
        "this is a pretty long label <br/>that will most likely cause the next<br/> row not to appear", 
        3.75 
       ], 
       [ 
        "this is a pretty long label <br/>that will most likely cause the next<br/> row not to appear", 
        3.75 
       ] 
      ] 
     } 
    ], 
    "xAxis": { 
     "minorGridLineWidth": 0, 
     "minorTickLength": 0, 
     "tickLength": 0, 
     "type": "category", 
     "labels": { 
      "overflow": "justify", 
      "style": { 
       "color": "#525151", 
       "fontSize": "12px", 
       "lineHeight": "10%", 
       "fontFamily": "Helvetica Neue, Helvetica ,Helvetica,Arial,sans-serif", 
       "width": "999px" 
      }, 
      "y": -10 
     } 
    }, 
    "yAxis": { 
     "min": 0, 
     "title": { 
      "text": "Percent (%)" 
     } 
    } 
} 

Answer 1

semplicemente impostare step: 1, vedere: http://jsfiddle.net/Yrygy/135/

Docs.