Minima dimensione del passo nel grafico js

Sto usando Chart.js versione 2.0 di disegnare grafici, voglio definire minima dimensione del passo di nel grafico a barre

var myNewChart = new Chart(grapharea, {
                type: 'bar',
                data: barData,
                options: {
                    responsive: true,                        
                    scales: {
                        yAxes: [
                            {
                                ticks: {
                                    min: 0, //it is for ignoring negative step.
                                    beginAtZero: true,
                                    stepSize: 1  //if i use this it always set it '1', which look very awkward if it have high value  e.g. '100'.
                                }
                            }
                        ]
                    }
                }
            });

questo momento sto usando

stepSize: 1

sto usando questa dimensione del passo di ignorare il punto di valore, come ‘0.5’, si vede quando il max grafico i valori di id di meno e.g ‘2’.
se io uso questo è sempre impostato il passo e ‘1’, che guarda molto scomodo se si hanno un alto valore, ad esempio, ‘100’.

Sto cercando una cosa simile:
suggestedMin = 1

C’è qualche cosa da definire thie minima dimensione del passo, che non deve essere risolto nel più alto valore di casi.

 

2 Replies
  1. 46

    Se non si desidera mostrare il punto di valore (ad esempio 0.5) etichette è possibile scrivere una funzione di callback per filtrare il punto di etichette di valore invece di utilizzare stepSize.

    Come questo:

    ticks: {
        min: 0, //it is for ignoring negative step.
        beginAtZero: true,
        callback: function(value, index, values) {
            if (Math.floor(value) === value) {
                return value;
            }
        }
    }
    

    Di lavoro violino qui: https://jsfiddle.net/ma7h611L/

    Aggiornamento:

    Come notato da Atta H. e Lekoaf di seguito, Chart.js aggiunta la proprietà precisione per le zecche. E ‘ disponibile a partire dalla versione 2.7.3. Vedere Lekoaf del risposta come utilizzare questo.

    • Appena provato sul mio grafico. Funziona come un fascino, grazie!
    • ho cercato di precisione: 0 e ha funzionato per me chartjs.org/docs/latest/axes/cartesian/linear.html
    • Precisione: 0 funzionato altrettanto bene come la funzione di callback ed è molto più pulita.
    • La precisione, la struttura è nuova, dal momento che la versione 2.7.3 ed è davvero molto più pulito. Mi si aggiorna anche in questa risposta e aggiungere queste informazioni.

Lascia un commento