Comment définir la valeur de l'axe Y dans un graphique à barres verticales à l'aide du graphique JS
P粉729436537
2023-08-29 10:38:36
<p>Dans ce graphique à barres verticales, l'axe Y a des valeurs positives et négatives. </p>
<p>Je souhaite utiliser des entiers positifs au-dessus et en dessous de la valeur zéro. </p>
<p>J'utilise la version 4.2.1</p>
<p>Que dois-je faire ? </p>
<p>Exemple de graphique vertical</p>
<pre class="brush:php;toolbar:false;">var MOIS = [
"Janvier",
"Février",
"Mars",
"Avril",
"Mai",
"Juin",
"Juillet",
"Août",
"Septembre",
"Octobre",
"Novembre",
"Décembre",
];
var couleur = Chart.helpers.color;
varbarChartData = {
étiquettes : ["janvier", "février", "mars", "avril", "mai", "juin", "juillet"],
ensembles de données : [
{
étiquette : « Ensemble de données 1 »,
Couleur d'arrière-plan : 'rgba(255, 201, 14, 1)',
borderColor : 'rgba(255, 201, 14, 1)',
largeur de bordure : 1,
données: [
dix,
20,
30,
40,
50
],
},
{
étiquette : « Ensemble de données 2 »,
Couleur d'arrière-plan : 'rgba(255, 201, 14, 1)',
borderColor : 'rgba(255, 201, 14, 1)',
largeur de bordure : 1,
données: [
-100,
-200,
-300,
-400,
-500
],
},
],
} ;
var ctx = bloodPressureChart ;
nouveau graphique (ctx, {
tapez : "barre",
données : barChartData,
options : {
réactif : vrai,
légende: {
position : "haut",
},
titre: {
affichage : vrai,
texte : "Graphique à barres Chart.js",
},
},
});</pré>
<p>Voici mon code utilisant le graphique JS. </p>
<p>Mon diagramme de code</p>
Si vous souhaitez simplement modifier le texte des étiquettes de l'axe Y, vous pouvez les modifier entièrement en définissant la fonction
options.scales.y.ticks.callback
, consultez la Documentation et la Référence API pour plus de détails. Dans votre cas, pour faire lire des valeurs négatives comme positives, vous pouvez utiliser :ou