Estoy realizando una grafica, usando [Chart.js][1], funciona, ahora necesito ubicar el label que muestra la información dentro de la barra del grafico o arriba de este usando [Chartjs-plugin-datalabels][2] , uso la forma de la [documentación][3], pero no me esta funcionando la configuración recomendada, de esta forma estoy construyendo el grafico: new Chart("CostScrap_sf", { type: "bar", data: { labels: records.map(function (e) { return e.fecha }), datasets: [{ label: 'Sunroof', backgroundColor: color, data: records.map(function (e) { return e.total }) }] }, options: { responsive: true, plugins: { title: { display: true, text: 'Scrap Cost from ' + $datein.value + ' to ' + $dateout.value }, datalabels: { color: 'white', display: function (context) { return context.dataset.data[context.dataIndex] > 15; }, font: { weight: 'bold' }, formatter: Math.round } } } }); Se supondría que el atributo `datalabels` funcionaria para configurarlo, el resultado que espero es algo como esto: [![introducir la descripción de la imagen aquí][4]][4] Actualmente tengo esto: [![introducir la descripción de la imagen aquí][5]][5] [1]: https://www.chartjs.org/ [2]: https://chartjs-plugin-datalabels.netlify.app/ [3]: https://chartjs-plugin-datalabels.netlify.app/samples/charts/bar.html [4]: https://i.sstatic.net/nCJXa.png [5]: https://i.sstatic.net/ORa9t.png