Dans ce graphique à barres verticales, l'axe Y a des valeurs positives et négatives.
Je souhaite utiliser des entiers positifs au-dessus et en dessous de la valeur zéro.
J'utilise la version 4.2.1
Que dois-je faire ?
Exemple de graphique vertical
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", }, }, }); Voici mon code utilisant le graphique JS.
Mon diagramme de code
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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 laDocumentationet laRéférence APIpour plus de détails. Dans votre cas, pour faire lire des valeurs négatives comme positives, vous pouvez utiliser :callback: function(val){ return this.getLabelForValue(Math.abs(val)); }ou
callback: function(val){ return this.getLabelForValue(val).replace(/^-/, ''); }