Etichette ad alta risoluzione che si sovrappongono alle etichette

Question

Ho bisogno di aiuto con un problema con le etichette di categoria per xAxis. Quando non c'è spazio per tutte le etichette di categoria, si ammucchiano e si sovrappongono l'un l'altro.

Ho cercato di vedere se riuscivo a trovare un modo per garantire che ciò non accadesse, prima ho cercato una soluzione a scorrimento, poi una sorta di zoom, e alla fine ho cercato di andare per staggerLines.

Il problema è che, se devo usare staggerLines, ho bisogno di impostare il valore in base al numero di categorie che ho. Se ho 10 o meno, il valore staggerLine è impostato su 1, 11-20 lo voglio stet a 2, 21-30 voglio settarlo a 3 e così via. Non posso semplicemente impostarlo su 3, perché alcune volte saranno mostrate solo alcune categorie, e con gli staggerLines non andrà bene.

Qualcuno ha un buon suggerimento su come risolvere questo?

Answer 1

Non è necessario utilizzare categorie. In generale, le categorie sono buone da mostrare ad es. frutti, o nomi - come definire quale nome deve essere visualizzato e quale no? La mela è più importante della banana?

Tuttavia, la soluzione è piuttosto semplice, utilizzando asseX etichetta formattatore, date un'occhiata: http://jsbin.com/oyudan/27/edit

xAxis: { 
    labels: { 
    formatter: function(){ 
     return names[this.value]; 
    } 
    } 
},