Add SVG's instead of Canvas

[Bradley-H]

Hi, I've been using Chart.js on and off for the last year or so, and in my time I've not been too satisfied with canvas implementation. I think a better option would be allowing for SVG's or at least optionally because in some screen sizes such as 4k will make the canvas stretch and become blurry. Maybe with SVG's will eliminate that.

[LeeLenaleee]

I dont think this will become a feature since chart.js is a canvas based lib and making it also render SVG's will be a lot of work.
If you think SVG's might be the solution to your problem I advise you to use a SVG based charting lib like highcharts

[kurkle]

I agree to what @LeeLenaleee said. I have to comment on part of your reasoning though:

because in some screen sizes such as 4k will make the canvas stretch and become blurry

Screen size does not make canvas stretch. devicePixelRatio is used as ratio between render size and display size, so that might be the thing you are talking about. You can override that by setting devicePixelRatio: 1, which will make the chart appear different sized depending on the actual ratio.

If you have an device where your charts are blurry, please take a look at the samples on that device, to make sure its not something you are doing wrong.

[etimberg]

Chiming in to agree with @kurkle and @LeeLenaleee. The big differentiator for chart.js is that is uses the Canvas.

Regarding the blurryness, I would check devicePixelRatio. If this issue only occurs on certain monitors, perhaps it's an issue with dragging the monitor between screens? I'm not sure we have a way to detect that kind of case other than a resize event.