[Chartjs]-How to fix chart looking blurry in ChartJS?

5πŸ‘

βœ…

It is not blurry. It just looks blurry, as you have large number of data and the data-point circles are overlapping.

One way you can resolve this is by setting the pointRadius property to 0 for your dataset like so :

...
datasets: [{
   label: 'Voltage Fluctuation',
   data: data,
   borderWidth: 1,
   fill: false,
   pointRadius: 0  //<- set this
}]
...

That will remove those data-point circles.

Leave a comment