How can I add this ticks color in Y axis in chart js?

Question

How can I add this tick color in chart js y axis. I am using version 2.9.4

I have tried like below way but no any impact.

xAxes: [{
            barThickness: 65,  // number (pixels) or 'flex'
            gridLines: {
                zeroLineColor: '#000',
                borderDash: [8, 4],
            },
            ticks: {
                fontColor: "black",
                fontSize: 14,
                fontStyle: "bold",
                tickColor: 'red'
            },
            grid: {
                tickColor: '#000'
            },
      }],

score 1 · Answer 1 · answered Jul 09 '21 at 10:14

1

Seems that is impossible to do what you want to achieve. According to docs the methods allowed for ticks are:

callback: Returns the string representation of the tick value as it should be displayed on the chart;
display: If true, show tick marks;
fontColor: Font color for tick labels;
fontFamily: Font family for the tick labels, follows CSS font-family options;
fontSize: Font size for the tick labels;
fontStyle: Font style for the tick labels, follows CSS font-style options (i.e. normal, italic, oblique, initial, inherit);
reverse: Reverses order of tick labels;
minor: Minor ticks configuration. Omitted options are inherited from options above;
major: Major ticks configuration. Omitted options are inherited from options above.

answered Jul 09 '21 at 10:14

Giovanni Esposito

10,696
1
14
30

In version 3 they have used in there example https://www.chartjs.org/docs/latest/axes/cartesian/#ticks-and-tick-marks – Niloy Rony Jul 09 '21 at 10:23
1

Yes but you said that you are using version 2.9.4 – Giovanni Esposito Jul 09 '21 at 10:24
Yes my version is 2.9.4 – Niloy Rony Jul 09 '21 at 10:27
This `tickColor` could be a new feaure introduced in version 3. I think... – Giovanni Esposito Jul 09 '21 at 10:28

How can I add this ticks color in Y axis in chart js?

1 Answers1