web-dev-qa-db-fra.com

ChartJS: Comment définir les axes fixes Y max et min

J'ai un graphique linéaire que j'essaie de définir une fixe valeurs max et min. J'ai essayé les autres suggestions trouvées sur SO, mais cela ne fonctionne toujours pas. Mon graphique continue de réinitialiser les valeurs max et min en fonction des données entrantes.

Voici mes options actuelles que je passe à mon graphique linéaire:

var options = {
        responsive: true,
        animation: false
};

J'ai aussi essayé ces paramètres:

var options = {
    scales: {
        animation: false,
        yAxes: [{
            display: true,
            ticks: {
                suggestedMin: -1,
                suggestedMax: 1
            }
        }]
    }
};

Une idée de ce que je fais mal?

Merci!

chart.jsreact-chartjs
11
Nayzer

Pour fixer la valeur min et max de l'échelle yAxes, utilisez le code ci-dessous.

options:{
            scales: {
                yAxes : [{
                    ticks : {
                        max : 1,    
                        min : -1
                    }
                }]
            }
        }

suggestionMax ne fonctionne que lorsque les données entrantes sont inférieures à la valeur suggéréeMax. suggestionMin ne fonctionne que lorsque les données entrantes sont supérieures à la valeur suggéréeMin.

22
Sanjay Dutt

Pour la version Chart.js <3.0:

Regardez Sanjay Duttréponse .

Pour la version Chart.js> = 3.0:

En raison de changements de rupture dans la version 3.X, la réponse mentionnée ci-dessus ne fonctionne plus. Chart.js a créé un Guide de migration pour résoudre les problèmes à venir. Les valeurs minimales et maximales peuvent maintenant être configurées directement sur le options.scales:

options : {
    scales : {
        y : {
            min: -1,
            max: 1,
        }
    }
}
0
mhellmeier