微信小程序引入echarts,图表模糊

528 阅读1分钟

原因:canvas在真机渲染时,没有考虑dpr(像素),默认参数填充。

解决办法:

this.echartsComponnet.init((canvas, width, height, dpr) => {
      // 初始化图表
      const Chart = echarts.init(canvas, null, {
        width: width,
        height: height,
        devicePixelRatio: dpr
      });
      Chart.setOption(this.getOption());
      // 注意这里一定要返回 chart 实例,否则会影响事件处理等
      return Chart;
    });