微信小程序使用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,故源码修改如下:

相关推荐
汤姆yu8 分钟前
2026版基于微信小程序的儿童疫苗预约接种系统
微信小程序·小程序
小黑的铁粉12 分钟前
ecahrts图形多的页面,怎么解决数据量大的渲染问题?
前端·echarts
还是大剑师兰特16 分钟前
vue3+vite+JS,使用Echarts封装一个饼图,父子组件联动
javascript·vue.js·echarts
CHU72903530 分钟前
趣味抽赏,解锁惊喜——扭蛋机盲盒抽赏小程序前端功能解析
前端·小程序
毕设源码-朱学姐39 分钟前
【开题答辩全过程】以 汇华商场停车位预约小程序为例,包含答辩的问题和答案
小程序
Xingxing?!1 小时前
Vue2 微信小程序:页面间传递数组
前端·vue.js·uni-app
偷偷摸鱼的少年1 小时前
小程序提现功能升级改造
微信小程序
巴巴博一1 小时前
UniApp 纯前端实现企业级购物车:Vuex + Storage 多用户状态管理闭环方案
前端·vue.js·uni-app·状态模式
浮桥1 小时前
uniapp页面列表列表请求hook记录
前端·javascript·uni-app
楚城相拥1 小时前
uniapp引入bmob实现预览
uni-app