Soy nuevo en chart js y quiero implementarlo en el proyecto reactjs. Estoy usando un gráfico de líneas y quiero mostrar la marca debajo de cada imagen. Para ese propósito, asigné un ancho dinámico al gráfico de líneas, es decir, si hay 2 imágenes, el ancho se multiplicará por 2 y si la imagen es 3, el ancho se debe multiplicar por 3, y así sucesivamente. El truco funciona de alguna manera porque usé el desplazamiento a verdadero para mostrar las etiquetas en el centro.

Ahora el problema al que me enfrento es la primera y la última columna porque no están completas.

Mi pregunta es cómo puedo hacer que se vean completos.

cual es el resultado actual

Quiero que la primera etiqueta comience en el medio completo.

La primera cuadrícula también mostrará la marca en el medio.