Skip to main content
2 de 4
se añadieron 129 caracteres en el cuerpo
Robinson
  • 183
  • 12

Labels al top de graficos

Estoy realizando una grafica, usando Chart.js, 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 , uso la forma de la documentación, 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í

Actualmente tengo esto: introducir la descripción de la imagen aquí

Robinson
  • 183
  • 12