解决微信小程序echarts图表真机预览模糊

程序员小豪

于 2021-09-05 00:56:51 发布

阅读量476

点赞数 1

分类专栏： echarts 文章标签： echarts 小程序

本文链接：https://blog.csdn.net/A_D_H_E_R_E/article/details/120108654

版权

echarts 专栏收录该内容

2 篇文章

订阅专栏

这段代码获取了微信小程序的像素比，并用它初始化了一个Echarts图表，确保图表在不同设备上显示比例正确。变量dpr存储了像素比，然后用于设置图表的devicePixelRatio属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/获取像素比
      const getPixelRatio = () => {
        let pixelRatio = 0
        wx.getSystemInfo({
          success: function (res) {
            pixelRatio = res.pixelRatio
          },
          fail: function () {
            pixelRatio = 0
          }
        })
        return pixelRatio
      }
      // console.log(pixelRatio)
      var dpr = getPixelRatio()
        // 初始化图表
      const chart = echarts.init(canvas, null, {
        // renderer: 'svg',//微信小程序中不支持该设置
        width: width,
        height: height,
        devicePixelRatio: dpr
      });
      setOption(chart,this);