Major and Minor grid lines

[itnassol]

I have created a resistivity chart, and it pulls data from a MySQL databse, all look good.

However i need minor grid-lines on the Y-Axis, (So horizontally).
Any pointers would be good..

[etimberg]

@itnassol there is no easy way to add minor grid lines. Is the picture what you are trying to achieve?

[itnassol]

hi there, No that's what I have achieved so far, but between each of the ticks, I really need 10 minor lines

[etimberg]

One option is to generate more lines and then use y axis callback to hide the labels on everything that is not an integer step of the power of 10. Not sure how easy that is off the top of my head.

You might need a custom build that changes https://github.com/chartjs/Chart.js/blob/master/src/core/core.ticks.js#L100-L142

[itnassol]

Thank you, Good idea, I will have a play, but Minor and Major ticks would be a good enhancement..

[etimberg]

Going to close this. In v3 we have functional arguments for the grid line config options. That will allow a config that creates extra grid lines, then styles the major ones in a different way. Example https://www.chartjs.org/samples/master/scales/gridlines-scriptable.html

[kberg]

Going to close this. In v3 we have functional arguments for the grid line config options. That will allow a config that creates extra grid lines, then styles the major ones in a different way. Example https://www.chartjs.org/samples/master/scales/gridlines-scriptable.html

Got a 404, https://www.chartjs.org/samples/master/scales/gridlines-scriptable.html not found.

[LeeLenaleee]

Got a 404, https://www.chartjs.org/samples/master/scales/gridlines-scriptable.html not found.

Up to date versioned link so it wont die: https://www.chartjs.org/docs/3.7.0/samples/scale-options/grid.html