Numeri interi come asse y in un grafico a linee morris.js

Question

Ho iniziato a utilizzare il grafico a linee morris.js nella mia pagina html. C'è un modo per impostare l'asse y per contenere solo numeri interi? Ora mostra i numeri decimali, ma il mio set di dati contiene solo numeri interi.

Answer 1

Questa funzione è stata aggiunta da this richiesta pull circa 25 giorni fa sul repository Github. Aggiunta l'opzione gridIntegers che, per impostazione predefinita, è impostata su false. Non è ancora unito al repository principale. Pertanto, se si desidera utilizzarlo in questo momento, è necessario scaricare la versione this e configurare come segue:

Morris.Line({ 
     element: "mydiv", 
     data: mydata, 
     xkey: 'time', 
     ykeys: ['value'], 
     labels: ['Requisições'], 
     gridIntegers: true, 
     ymin: 0 
    }); 

Hai visto un parametro ymin impostato 0? Questo è l'avvertimento! L'asse y funzionerà con solo numeri interi se e solo se imposti i limiti personalizzati y-min e/o y-max. Nel mio caso è fattibile perché so che i miei dati non presenteranno valori inferiori a 0. Pertanto, funziona come un fascino.

Potete vedere qui sotto la differenza quando non si utilizza e quando si utilizza la patch:

Answer 2

sto usando BAR/LINE e sto avendo un problema:

Utilizzo di "ymin: 0" Non ho numeri interi

Answer 3

Ecco il codice effettivo che ho usato ....

new Morris.Bar({ 
    ... 
    yLabelFormat: function(y){return y != Math.round(y)?'':y;}, 
    ... 
});