微信小程序中使用echarts 自定义图片时报错: Image is not defined

最近需要在小程序中完成一个图表,其中需要导入一些自定义的图片来显示。
使用echarts-for-weixin项目之后,发现报了如下错误:

图片[1]-微信小程序中使用echarts 自定义图片时报错: Image is not defined-后端开发牛翰社区-编程开发-牛翰网
ReferenceError: Image is not defined
经查看源码发现,Echarts.Js文件中是使用New Image来创建图片的,而小程序中应该使用Canvas.Createimage()
图片[2]-微信小程序中使用echarts 自定义图片时报错: Image is not defined-后端开发牛翰社区-编程开发-牛翰网
因此需要修改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-后端开发牛翰社区-编程开发-牛翰网
替换后:

这样就可以正常使用了。

请登录后发表评论

    没有回复内容