Estoy construyendo un gráfico de barras en Chart.js. Tengo varias series de datos, pero a menudo, no todas tendrán un valor. Cuando esto sucede, aunque las barras no estén allí, Chart.js parece querer asignarles espacio:
Observe cómo las barras verde y azul de arriba siempre están alineadas a la izquierda en relación con las etiquetas, y cómo el rosa y el amarillo siempre están a la derecha. ¿Cómo hago que las barras aparezcan centradas en relación con sus etiquetas?
La respuesta de @ Drarig29 es correcta: los valores null
más skipNull
eliminan las barras adicionales. Sin embargo, si está usando barPercentage
, sus barras fluctuarán en ancho (varía desde 1/5 del ancho hasta 100% del ancho, en mi caso, dependiendo de cuántas barras haya), por lo que debe establecer un maxBarThickness
en el conjunto de datos para evitar que crezcan.