美文网首页微信小程序
微信小程序 解决echarts模糊问题

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

作者: AAA_si | 来源:发表于2022-03-24 09:54 被阅读0次

    在上篇微信小程序 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);
    

    相关文章

      网友评论

        本文标题:微信小程序 解决echarts模糊问题

        本文链接:https://www.haomeiwen.com/subject/vygkjrtx.html