2013-01-09 7 views
30

Abbiamo un set di dati che contiene conteggi di istanze di eventi. Questi possono essere solo numeri interi. Quando visualizziamo dati che hanno un valore yValue sufficientemente elevato, le etichette yAxis sono numeri interi. Tuttavia, quando eseguiamo lo zoom in intervalli di dati che hanno sotto y = 5, vediamo che gli indicatori di graduazione mostrano cose come 0.5, 0.75, 1.5, ecc. Come possiamo forzare le etichette yAxis solo a mostrare valori interi?Come mostrare solo valori interi su yAxis di HighChart?

Here è un esempio di codice con alcuni dati. Mentre si ingrandisce la regione del valore inferiore del grafico, è possibile vedere cosa intendo. Questa è la configurazione attuale asseY:

yAxis: { 
    labels: { 
    style: { 
     fontSize: '9px', 
     width: '175px' 
    } 
    }, 
    title: { 
    text: '' 
    } 
}, 

risposta

84

Impostare l'opzione allowDecimals nell'asse y false per evitare segni non intero di graduazione venga visualizzato:

yAxis: { 
    allowDecimals: false, 
    labels: { 
     style: { 
      fontSize: '9px', 
      width: '175px' 
     } 
    }, 
    title: { 
     text: '' 
    } 
} 

Ecco una dimostrazione: http://jsfiddle.net/sBC9K/

+0

Suvviato ma Rikonator è stato il primo. Anche questo funziona. – wergeld

+0

@wergeld Ma la risposta di Rikonator funziona solo per questo caso. Puoi vedere la seguente tabella: http://jsfiddle.net/R8Hub/1/ Non funziona perché il valore di 'tickInterval' è maggiore di 1. E sullo stesso grafico usando' allowDecimals' funziona. http://jsfiddle.net/R8Hub/2/. Quindi questa è la risposta giusta. –

+0

@RicardoLohmann, che è interessante - questo non sarebbe un bug in HighStock? Sì, posso vedere che 'allowDecimals' è una risposta più completa ma il' minTickInterval' ha funzionato come pubblicizzato nel mio caso. – wergeld

Problemi correlati