微信小程序使用echarts报错 ReferenceError: Image is not defined 解决

报错 ReferenceError: Image is not defined

在用uni-app开发微信小程序时,使用到了echarts(V4.6.0)配置项中的icon属性,微信开发者工具报错如下:
Image is not defined在这里插入图片描述

定位问题

定位问题到了压缩echarts文件中的new Image
在这里插入图片描述
使用非压缩文件具体查看如下:
在这里插入图片描述
在微信小程序中创建Image改为了:
在这里插入图片描述
微信小程序官方文档:Image Canvas.createImage()

修复问题

在移植echarts到小程序时,传了新的canvas:

echarts.setCanvasCreator(() => canvas)

结合echarts源码,echarts.js源码修改如下:

// image = new Image();
image = createCanvas().createImage()

经过上面的修改即可以解决这个问题
备注:
如果使用压缩源码,查看压缩的echarts.min.js源码,我这里createCanvas压缩后为q,故源码修改如下:
在这里插入图片描述

最近更新

  1. TCP协议是安全的吗?

    2024-01-03 10:48:03       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-03 10:48:03       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-03 10:48:03       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-03 10:48:03       18 阅读

热门阅读

  1. k8s安装hostPath方式存储的PostgreSQL15

    2024-01-03 10:48:03       39 阅读
  2. 2023.12.30力扣每日一题——一周中的第几天

    2024-01-03 10:48:03       43 阅读
  3. 牙科废水处理设备详细介绍

    2024-01-03 10:48:03       38 阅读
  4. C++汇编语言学习计划

    2024-01-03 10:48:03       39 阅读
  5. PDF最强处理工具-StirlingPDF

    2024-01-03 10:48:03       40 阅读
  6. Laya3d碰撞后退表现算法

    2024-01-03 10:48:03       42 阅读
  7. 5分钟带你解决Promise疑难杂症

    2024-01-03 10:48:03       34 阅读
  8. pytorch 转 onnx

    2024-01-03 10:48:03       31 阅读
  9. flask web学习之flask与http(四)

    2024-01-03 10:48:03       35 阅读
  10. torch.where用法介绍

    2024-01-03 10:48:03       37 阅读