Mirrored ticks are hard to distinguish depending on the chart colours

[joseraul]

Expected Behavior

Ticks can have a background colour that helps with contrast

Current Behavior

Mirrored ticks are hard to distinguish depending on the chart colours, this is a real example:

Possible Solution

We could expose a couple of properties like strokeStyle and lineWidth and internally do something like:

ctx.strokeStyle='white';
ctx.lineWidth=2;
ctx.strokeText(label, bar._model.x, bar._model.y);
ctx.fillText(label, bar._model.x, bar._model.y);

In this way, the texts will have a background color (white in this case) that I think will solve the issue. We could add a shadow also, to make it more smooth.

If someone points me in the correct direction, I would love to help with a PR.

Steps to Reproduce (for bugs)

This is a live example:
https://codepen.io/joseraul/pen/qBBwgpQ

Context

I can't use the colours of the project

[benmccann]

The code is here:

Chart.js/src/core/core.scale.js

Line 1234 in 62bbaeb

_drawLabels() {

[joseraul]

thanks @benmccann , I'm gonna work on this

[joseraul]

oki! PR sent! #6787 :)

[etimberg]

Done in #6787