Je dois écrire du texte dans une barre d'un graphique à l'aide de chart.js
var ctx = document.getElementById("myChart"); var myChart = new Chart(ctx, { type: 'bar', data:data, options: { scales: { yAxes: [{ ticks: { beginAtZero:true } }] } }, responsive : true, showTooltips : false, showInlineValues : true, centeredInllineValues : true, tooltipCaretSize : 0, tooltipTemplate : "<%= value %>" });
Le code ci-dessus ne fonctionne pas...
J'ai besoin de quelque chose comme ça :
Si vous souhaitez afficher le texte centré pour chaque élément, il existe un moyen plus simple :
Il semble que 'getCenterPoint' ne soit pas disponible dans la version 2.1.3 (celle que vous avez utilisée dans votre exemple). Je l'ai essayé avec 2.5.0 et ça marche
Ajoutez ce code à votre objet options :
https://jsfiddle.net/h4p8f5xL/
Mise à jour 2
Entourez la toile d'un contenant de la largeur et de la hauteur souhaitées
Et ajoutez ce qui suit à votre objet d'options