当前位置: 首页 > news >正文

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

报错 ReferenceError: Image is not defined

在用uni-app开发微信小程序时,使用到了echarts(V4.6.0)配置项中的icon属性,微信开发者工具报错如下:
Image is not defined在这里插入图片描述

定位问题

定位问题到了压缩echarts文件中的new Image
在这里插入图片描述
使用非压缩文件具体查看如下:
在这里插入图片描述
在微信小程序中创建Image改为了:
在这里插入图片描述
微信小程序官方文档:Image Canvas.createImage()

修复问题

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

echarts.setCanvasCreator(() => canvas)

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

// image = new Image();
image = createCanvas().createImage()

经过上面的修改即可以解决这个问题
备注:
如果使用压缩源码,查看压缩的echarts.min.js源码,我这里createCanvas压缩后为q,故源码修改如下:
在这里插入图片描述

相关文章:

  • 线程的6中状态
  • win11 电脑睡眠功能失效了如何修复 win11 禁止鼠标唤醒
  • Linux的基本指令(4)
  • express框架搭建后台服务
  • 哈希一致性算法
  • 编程笔记 html5cssjs 028 HTML输入属性(2/2)
  • 系统安全及应用
  • 【Maven】下载及配置
  • Vagrant使用教程
  • 机器学习--ROC AUC
  • Axure骚操作:【制作可暂停与不可暂停进度加载条】
  • git 常用命令 提交commit
  • Python 工具 | pip 基本命令
  • leetcode算法题之递归--综合练习(二)
  • Go中interface != nil不一定不是nil
  • [js高手之路]搞清楚面向对象,必须要理解对象在创建过程中的内存表示
  • [分享]iOS开发-关于在xcode中引用文件夹右边出现问号的解决办法
  • 【译】理解JavaScript:new 关键字
  • 03Go 类型总结
  • AWS实战 - 利用IAM对S3做访问控制
  • Django 博客开发教程 16 - 统计文章阅读量
  • JavaScript函数式编程(一)
  • java第三方包学习之lombok
  • Java应用性能调优
  • Js基础知识(一) - 变量
  • Laravel 中的一个后期静态绑定
  • Netty 框架总结「ChannelHandler 及 EventLoop」
  • overflow: hidden IE7无效
  • PHP的类修饰符与访问修饰符
  • Spark in action on Kubernetes - Playground搭建与架构浅析
  • 道格拉斯-普克 抽稀算法 附javascript实现
  • 基于 Babel 的 npm 包最小化设置
  • 看图轻松理解数据结构与算法系列(基于数组的栈)
  • 如何正确配置 Ubuntu 14.04 服务器?
  • 世界上最简单的无等待算法(getAndIncrement)
  • 算法---两个栈实现一个队列
  • 我这样减少了26.5M Java内存!
  • 带你开发类似Pokemon Go的AR游戏
  • ​​​​​​​GitLab 之 GitLab-Runner 安装,配置与问题汇总
  • ​RecSys 2022 | 面向人岗匹配的双向选择偏好建模
  • (八)c52学习之旅-中断实验
  • (八)五种元启发算法(DBO、LO、SWO、COA、LSO、KOA、GRO)求解无人机路径规划MATLAB
  • (读书笔记)Javascript高级程序设计---ECMAScript基础
  • (多级缓存)缓存同步
  • (附源码)springboot优课在线教学系统 毕业设计 081251
  • (附源码)流浪动物保护平台的设计与实现 毕业设计 161154
  • (论文阅读笔记)Network planning with deep reinforcement learning
  • (篇九)MySQL常用内置函数
  • (一)为什么要选择C++
  • (转)用.Net的File控件上传文件的解决方案
  • (转载)在C#用WM_COPYDATA消息来实现两个进程之间传递数据
  • .form文件_一篇文章学会文件上传
  • .Net 4.0并行库实用性演练
  • .net core webapi Startup 注入ConfigurePrimaryHttpMessageHandler
  • .net core 控制台应用程序读取配置文件app.config