Blury display

[michcior2]

Sometimes, display is blury. It depends on many factors in a page. Sometimes comes from scaling chain of the page. I found out, it was because my font size was 1.16rem.

It happens when the chart sets canvas width with a value with decimals. So, simple fix in the "retinaScale" function:
...
canvas.style.height = height.toFixed(0) + 'px';
canvas.style.width = width.toFixed(0) + 'px';

Setting "devicePixelRatio" does not solve this issue as good as the fix above.

make the fix permanent or optional.

Thanks.
Piotr.

[kurkle]

@michcior2 what version are you using?

Asking because of #9015 that was released in v3.3

[michcior2]

Chart.js v3.2.1

[kurkle]

And can you confirm if v3.3.0 works for you or not?

[kurkle]

Please reopen the issue if its not addressed by upgrading to 3.3