最近需要在小程序中完成一个图表,其中需要导入一些自定义的图片来显示。
使用echarts-for-weixin项目之后,发现报了如下错误:
![图片[1]-微信小程序中使用echarts 自定义图片时报错: Image is not defined-后端开发牛翰社区-编程开发-牛翰网](https://niuimg.niucores.com/wp-content/uploads/2024/12/480551334951332415.png)
ReferenceError: Image is not defined
经查看源码发现,Echarts.Js文件中是使用New Image来创建图片的,而小程序中应该使用Canvas.Createimage()
![图片[2]-微信小程序中使用echarts 自定义图片时报错: Image is not defined-后端开发牛翰社区-编程开发-牛翰网](https://niuimg.niucores.com/wp-content/uploads/2024/12/9104936114081836028.png)
因此需要修改echarts.js的源码,此处我是用的是**echarts版本是5.5.1 **
注意:我使用的是定制化下载的源码。
如何在源码中找到修改位置?
1、首先搜索 function no 定位代码,在此处加上代码:var canvas;

2、接着搜索 setCanvasCreator 定位代码,加上代码 ;let conv=t();canvas=conv.canvasNode

3、最后搜索 new Image 定位代码,将 new Image 替换为 canvas.createImage()
替换前:
![图片[3]-微信小程序中使用echarts 自定义图片时报错: Image is not defined-后端开发牛翰社区-编程开发-牛翰网](https://niuimg.niucores.com/wp-content/uploads/2024/12/6187768911735339171.png)
替换后:

这样就可以正常使用了。










没有回复内容