Necesito crear un gráfico de barras apiladas para mostrar el valor Six Sigma como se muestra en la imagen
Aquí los valores en el eje Y son estáticos. Pero los valores en el eje X no están espaciados uniformemente. La imagen no está bien diseñada. Adjunto una imagen para ilustrar los valores del eje X según el valor de las barras. En la imagen, la columna de rendimiento corresponde a los valores de las barras.
También necesito mostrar los valores en la barra como se muestra en la imagen. Intenté usar chartjs 2 pero no puedo descifrar cómo hacer una escala de espaciado personalizada para el eje X.
Mi intento de modificar las marcas del eje X se muestra a continuación.
let chart = new Chart(ctx, { type: 'bar', data: { datasets: [{ yAxisID: 'yAxis' }] }, options: { scales: { xAxis: { type: 'logarithmic', position: 'right', } } } });Cualquier recomendación que no sea chartjs para esta funcionalidad también sería muy apreciada.