web-dev-qa-db-fra.com

Comment utiliser l'échelle de pourcentage avec Chart.js

J'ai essayé de le rechercher dans la documentation (tous les exemples que j'ai trouvés ailleurs ne fonctionnaient plus, probablement en raison d'une syntaxe obsolète pour les versions antérieures) comment utiliser "scaleLabel", mais là, il fait référence à la configuration du titre de l'échelle avec un lien qui n'existe plus (plus): http://www.chartjs.org/docs/#scale-title-configuration

Quelqu'un peut-il fournir un exemple de travail?

14
Simon Ferndriger

La configuration du titre de l'échelle est un en-tête si vous faites défiler vers le bas dans la documentation.

Voici un exemple de graphique à barres simple, utilisant scaleLabel qui est légèrement modifié pour illustrer un pourcentage.

https://jsfiddle.net/r71no58a/4/

scales: {
   yAxes: [{
       ticks: {
           min: 0,
           max: 100,
           callback: function(value) {
               return value + "%"
           }
       },
       scaleLabel: {
           display: true,
           labelString: "Percentage"
       }
   }]
}
42
Tom Glover