echarts 图表在手机上显示很模糊，请问是什么原因呢？

Question

如题，引用的最新版的echarts 插件制作的饼状图 但是手机上看起来很模糊 请问是什么原因啊？

页面有 <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1,user-scalable=no">
html：

<canvas id="myChart" width="200" height="200"></canvas>

js:

js也都是官网的例子 有人知道吗

Answer 1

canvas渲染的模糊一直没找到原因 ！但是换个思路 ：采用svg渲染 然后手机上就正常清晰度了！

Answer 2

选用 svg 渲染是一个方案，在移动端的内存占用也会更小。或者初始化的时候不要用 canvas，而用一个 div 作为容器，初始化在自动创建 canvas 的时候会根据高分屏优化，会缩放到两倍大小