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.

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.

• javascript
• jquery
• css
• colors
• chart.js

Share Follow asked Jan 5, 2017 at 12:26 PellePelle 74111 gold badge99 silver badges1818 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

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"
            }
        }]
    }
}

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.