How to change the font size in chart.js according to the screen dimensions

[MohammadMiras]

I need to change the font size of the texts in the chart that I created using ‍‍chart.js according to the screen size, but I don't know how to do it.

I tried to do this with tailwindcss and giving a class to the parent tag,but the problem was not solved.

<div class="text-md sm:text-lg ">
   <canvas id="chart">
   </canvas>
</div>

[Udemology]

Have you seen this: https://youtu.be/V3J8r3717BY
Basically you will need to update it in JS as the font size is defined in the canvas.