echart+小程序使用(区域地图的实现)保姆级超详细教学

第一步:先下载echart项目

GitHub 地址: 项目下载地址

或者自己从Echart 项目中下载最新发布版

第二步:将下载的整个ec-canvas文件夹移动到自己项目中,位置可以自己定,我就放在新建的component文件夹下了

在这里插入图片描述

第三步:将我们的echart包导出去到所需的页面

(1).在ec-canvas.json文件里
在ec-canvas.json文件里
(2).在调用的页面的json文件中
在这里插入图片描述
(3).然后在调用的页面的js文件中将echart包引进来
在这里插入图片描述
(4).在调用的html文件中编辑一个放echart的盒子(父元素定义高度,ec-canvas的高度取父元素的100%,css代码就看个人怎么定义咯)
在这里插入图片描述
(5).完整的js代码(ec对象中的lazyLoad使用了实现异步加载多个echart图表的)(第一次写,写的很详细,希望各位大佬别觉得有啥其它意思,只想让后人少走点弯路,还有暂时不会电脑长截图,后面改善)
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

区域地图echart配置

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

完结:好了这就是我的echar+小程序分享了,有不足的地方可以评论指教,希望共同进步,如果有所帮助还望给个关注和点赞,谢谢!
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值