Tengo un gráfico de barras creado en chart.js y su configuración es la siguiente:

 import Chart from 'chart.js/auto'; document.addEventListener("turbo:load", function(e) { let manufacturersPieChartCanvas = document.getElementById('manufacturers-pie-chart'); if (manufacturersPieChartCanvas) { let labels = JSON.parse(manufacturersPieChartCanvas.dataset.manufacturers_chart_labels); let data = JSON.parse(manufacturersPieChartCanvas.dataset.manufacturers_chart_data); const config = { type: 'bar', data: { labels: labels, datasets: [{ backgroundColor: ['yellow', 'red', 'green', 'blue'], data: data, hoverOffset: 4 }] }, options: { responsive: true, categoryPercentage: 1, barPercentage: 0.8, scaleShowValues: false, indexAxis: 'y', scales: { yAxes: [{ ticks: { autoSkip: false } }] } } }; let manufacturersPieChart = new Chart( manufacturersPieChartCanvas, config ); } })

Una parte de esto se ve así:

Estoy tratando de permitir que aparezcan TODOS los títulos de las barras. He seguido las sugerencias sobre SO, con respecto a autoSkip false pero no parecen tener ningún efecto. Para este gráfico, es imperativo que todos los títulos de las barras se muestren todo el tiempo. Además, preferiría que se aumentara la altura para que cada barra fuera un poco más gruesa. He intentado con las opciones de configuración y puedo hacerlas más gruesas, pero el área general del gráfico no aumenta para acomodarlas.

¿Alguna sugerencia para solucionar estos problemas?

Gracias.