微信小程序使用echarts地图自定义markPoint标点图标symbol

重生之我在农厂搬砖

已于 2024-02-29 16:41:20 修改

阅读量1.2k

点赞数 8

CC 4.0 BY-SA版权

分类专栏： wechat 文章标签：微信小程序 echarts 小程序

于 2024-02-29 16:39:40 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/to_prototy/article/details/136366565

wechat 专栏收录该内容

4 篇文章

订阅专栏

文章讲述了在微信小程序中引入并使用echarts实现全国地图的效果时遇到的错误，主要关注了`Image`对象的定义问题，发现升级echarts到5.4.x及以上版本会出现放大缩放问题，而5.1.2版本则正常。作者还分享了解决方法，即降级echarts版本以实现双指缩放功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小程序中使用echarts

参考文档：《微信小程序使用echarts显示全国地图》《如何在微信小程序开发中使用echarts以及踩坑记录(最全教程)》

实现效果

在这里插入图片描述

新的问题

按照参考文档在微信小程序中成功引入echarts效果如下
在这里插入图片描述

在这里插入图片描述
小程序报错 ReferenceError: Image is not defined
定位问题： echarts.js文件中的 new Image

微信小程序中创建Image改为了：

解压echarts.js文件修改如下

最后我的 echarts.js文件是 5.1.2版本。
关于不能放大和缩放问题（小程序）
实测是echarts版本的问题，5.4.x，5.3.x都有问题，当我选择用5.1.2版本就可以双指放大缩小了！

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。