Estoy tratando de ocultar la leyenda de un gráfico de barras. Según tengo entendido, esto debería funcionar:
<!DOCTYPE html> <html> <script src="https://cdn.jsdelivr.net/npm/chart.js@3.7.1/dist/chart.min.js"></script> <body> <canvas id="myChart" style="width:100%;max-width:600px"></canvas> <script> var xValues = ["X", "Y", "Z"]; var yValues = [55, 49, 44]; var barColors = ["red", "green","blue"]; new Chart("myChart", { type: "bar", data: { labels: xValues, datasets: [{ backgroundColor: barColors, data: yValues }] }, options: { plugings: { legend: { display: false }, }, }, }); </script> </body> </html>Desafortunadamente, todavía muestra una leyenda.
Tienes un error tipográfico en los complementos. Cambiar "complementos" a "complementos"
options: { plugins: { legend: { display: false }, }, }Aparte de eso, debería ser correcto.