0
214
ViewsCómo evitar que las barras vacías ocupen ancho en el gráfico de barras Chart.js
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?
1 answers
Answer question0
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.