ChartJS -- How do I change scale color when I have to scales?

Question

I created a nice little chart with two scales using two datasets. I have read the documentation for ChartJS pretty thoroughly, but I can't seem to find out how to add specific colors to the chart scales (numbers). The left scale should be orange and the right one blue. Is this even possible, and if so, how do I do it? I don't think it's necessary for me to supply any source code for the chart itself, but let me know if it is.

Answer 1

With Chart.js 4.3.1, the configuration could look like this:

{
    options: {
        scales: {
            y: {
                title: {
                    text: 'Some title',
                    display: true
                },
                ticks: {
                    color: 'blue' // can also use hex color codes
                }
            }
        }
    }
}

See the documentation for Common tick options to all axes.

Answer 2

Take a look at "Tick Configuration" under "Scales". You need to set the fontColor option for each axis. Like this:

options: {
    scales: {
        yAxes: [{
            ticks: {
                fontColor: "#666"
            }
        }]
    }
}