Estoy tratando de descubrir cómo etiquetar cada barra apilada al pasar el mouse, mostrar un total en toda la pila y un total para esa parte de la barra.

actualmente mi código muestra indefinido para la mayoría de los nombres de las barras o muestra etiquetas aleatorias del eje x, me cansé de buscar otras preguntas, pero parece que nadie más ha tenido este problema

aquí están mis datos

 data = { x: "Sunday", y: 850, Labels: "Irelo" }, { x: "Monday", y: 3000, Labels: "Irelo" }, { x: "Sunday", y: 6748.4, Labels: "Quote-runner" }, { x: "Monday", y: 2400, Labels: "Quote-runner" }, { x: "Tuesday", y: 2900, Labels: "Quote-runner" }, { x: "Wednesday", y: 7600, Labels: "Quote-runner" },

y

mi código de gráfico

 var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'], datasets: [{ data: data, backgroundColor: [ 'rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(255, 206, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(153, 102, 255, 0.2)', 'rgba(255, 159, 64, 0.2)' ], borderColor: [ 'rgba(255, 99, 132, 1)', 'rgba(54, 162, 235, 1)', 'rgba(255, 206, 86, 1)', 'rgba(75, 192, 192, 1)', 'rgba(153, 102, 255, 1)', 'rgba(255, 159, 64, 1)' ], borderWidth: 1 }] }, options: { plugins: { title: { display: true, text: 'Binder' }, }, responsive: true, interaction: { intersect: false, }, scales: { x: { stacked: false, type: 'category', labels: ['January', 'February', 'March', 'April', 'May', 'June'] }, y: { stacked: true } } } });