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

相关推荐
2501_9151063213 分钟前
iOS 抓包工具在不同场景的实际作用
android·macos·ios·小程序·uni-app·cocoa·iphone
FourV大大14 分钟前
iOS原生和UniApp通信
ios·uni-app·cocoa
计算机毕设指导615 分钟前
基于微信小程序的个性化服装搭配推荐系统【源码文末联系】
java·spring boot·微信小程序·小程序·tomcat·maven·intellij-idea
蒜苔肉丝18 分钟前
uniapp 解决微信小程序ios自带的上拉下拉(橡皮筋)效果
微信小程序·小程序·uni-app
Aress"31 分钟前
scrollTop不生效解决(uniapp)
uni-app
Coder_Boy_36 分钟前
AI技术栈入门-Spring AI+小程序-ESP32智能控制系统
人工智能·spring·小程序
说私域36 分钟前
“智能名片链动2+1模式S2B2C商城小程序”在群运营中的应用与效果
人工智能·小程序·开源
数科云36 分钟前
小程序定制选哪家?支持源码交付 + 二开,商城微信小程序开发更灵活
微信小程序·小程序·商城小程序源码·小程序定制开发·象过河软件
围炉聊科技38 分钟前
Vibe Coding实战从零开发小程序:AI协作的惊喜与踩坑
人工智能·小程序
GuoyeZhang40 分钟前
解决uniapp在内网构建ETIMEDOUT卡住的问题
uni-app·etimedout