微信小程序 解决echarts模糊问题

在上篇微信小程序 echarts统计图中提示过devicePixelRatio可以解决小程序视图模糊的问题

首先获取设备像素值

//获取像素比
const getPixelRatio = () => {
    let pixelRatio = 0
    wx.getSystemInfo({
        success: function (res) {
            pixelRatio = res.pixelRatio
        },
        fail: function () {
            pixelRatio = 0
        }
    })
    return pixelRatio
}
var dpr = getPixelRatio()
// 上述代码是wx获取设备的像素值 dpr

// 初始化图表
const chart = echarts.init(canvas, null, {
        // renderer: 'svg',//微信小程序中不支持该设置
        width: width,
        height: height,
        devicePixelRatio: dpr   // 获取到的像素值赋值给devicePixelRatio， 在echarts中必写
});
setOption(chart,this);