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

报错 ReferenceError: Image is not defined

在用uni-app开发微信小程序时,使用到了echarts(V4.6.0)配置项中的icon属性,微信开发者工具报错如下:

定位问题

定位问题到了压缩echarts文件中的new Image

使用非压缩文件具体查看如下:

在微信小程序中创建Image改为了:

微信小程序官方文档:Image Canvas.createImage()

修复问题

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

javascript 复制代码
echarts.setCanvasCreator(() => canvas)

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

javascript 复制代码
// image = new Image();
image = createCanvas().createImage()

经过上面的修改即可以解决这个问题

备注:

如果使用压缩源码,查看压缩的echarts.min.js源码,我这里createCanvas压缩后为q,故源码修改如下:

相关推荐
假客套1 小时前
2025 后端自学UNIAPP【项目实战:旅游项目】6、我的收藏页面
微信·uni-app·旅游
邹荣乐2 小时前
uni-app开发微信小程序的报错[渲染层错误]排查及解决
前端·微信小程序·uni-app
xw52 小时前
支付宝小程序外链跳转调试爬坑
uni-app·支付宝
^Rocky2 小时前
uniapp 对接腾讯云IM群组成员管理(增删改查)
uni-app·腾讯云
假客套3 小时前
2025 后端自学UNIAPP【项目实战:旅游项目】7、景点详情页面【完结】
前端·uni-app·旅游
程序员小张丶4 小时前
基于UniApp开发HarmonyOS 5.0鸿蒙汽车应用的指南
uni-app·汽车·harmonyos5.0
weixin_177297220694 小时前
盲盒一番赏小程序:引领盲盒新潮流
小程序
moxiaoran57534 小时前
uni-app学习笔记二十四--showLoading和showModal的用法
笔记·学习·uni-app
HHHHHY6 小时前
使用webview外链打包apk,写入自签CA证书流程,解决app录音功能无法使用
前端·uni-app
海天胜景10 小时前
uniapp 字符包含的相关方法
uni-app