有乎-Tommy.Li的个人博客

价值、共享、信任

【微信小程序】echarts在小程序中字体显示矢真、模糊

| 阅读:355 发表时间:2020-04-10 10:20:33 微信

第一步:获取dpr

const getPixelRatio = () => {
  let pixelRatio = 0
  wx.getSystemInfo({
    success: function (res) {
      pixelRatio = res.pixelRatio
    },
    fail: function () {
      pixelRatio = 0
    }
  })
  return pixelRatio
}
var dpr = getPixelRatio()

第二步:在echarts初始化时设置dpr

function initChart(canvas, width, height) {
  chart = echarts.init(canvas, null, {
    width: width,
    height: height,
    devicePixelRatio:dpr               /////这里设置   =====================///
  });
  var option = [];
  canvas.setChart(chart);
  //chart.setOption(option);
  return chart;
}
*文章为作者独立观点,不代表【uuuho有乎】的立场
本文由【uuuho有乎】发表并编辑,转载此文章须经作者同意,并请附上出处及本页链接。如有侵权,请联系本站删除。