¿Cómo cambiar el ancho y el color del eje x (eje horizontal) en Chartjs? Parece funcionar usando zeroLineColor y zeroLineWidth para el eje y (vertical), pero no funciona para el eje x.
Si añadimos:
ticks: { beginAtZero: true }Funciona como se esperaba, pero no quiero que las marcas verticales comiencen desde 0.
¿Hay una manera de hacer que esto suceda?
scales: { xAxes: [{ gridLines: { zeroLineColor: 'black', // WORKS zeroLineWidth: 2 // WORKS }, display: true }], yAxes: [{ gridLines: { zeroLineColor: 'black', // DOES NOT WORK zeroLineWidth: 2, // DOES NOT WORK }, id: 'y-axis-0', display: true, ticks: { // beginAtZero: true // This is what I dont't want to use } }] }Este es el resultado que obtengo con el código anterior: Gráfico
Como puede ver, el eje x se muestra sin cambios de color o ancho.
Estoy usando la versión 2.9.4 de la biblioteca Chartjs.
Ve al .js de la librería (en mi caso: 'node_modules/chart.js/dist/Chart.bundle.js') y, en la línea 12202, encontrarás este condicional:
if (i === me.zeroLineIndex && options.offset === offsetGridLines) {Transformalo en esto:
if ((i === me.zeroLineIndex || (!isHorizontal && i === ticksLength - 1)) && options.offset === offsetGridLines) {Luego, haga cualquier compresión o manipulación del archivo que necesite hacer para agregarlo a su proyecto.
No es la mejor solución, pero es la que se me ocurrió.