[ECharts] EChart地图应用在小程序中的几个坑

最新推荐文章于 2024-06-11 21:36:57 发布
最新推荐文章于 2024-06-11 21:36:57 发布
阅读量2.1k 收藏 2
点赞数
文章标签： EChart
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cargelzhong/article/details/81285056
版权

将官网Demo

http://gallery.echartsjs.com/editor.html?c=xBJDR584vG

结合ECharts官方小程序移植到自己的微信小程序中，出现如下报错

明明onLoad()和onReady()都已经重写为空...

苦苦追寻半天，原来是【B】区域这个属性在作祟！具体原因不明，注释掉之后正常使用。

另外，地图中粉色Tag标记中的值使用了data中的默认下标，添加图中A部分代码将维度修改到需求中的维度。

↓ 最后结果图

_Henrik
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
微信小程序ec-canvas（echarts）显示地图【以甘肃省为例】
sjp991012的博客
12-15 3091
微信小程序ec-canvas（echarts）显示地图。下载地图数据、定制图表、微信中使用
微信小程序 - eCharts- 展示中国地图
iotjin的专栏
01-06 2367
demo 地址: https://github.com/iotjin/Jh_weapp 效果图： js 代码： import * as echarts from '../../../ec-canvas/echarts'; import geoJson from '../../../ec-canvas/mapData.js'; const app = getApp(); let myChart1 = null; let myChart2 = null; Page({ /** * 页面的初.
Echarts 绘制地图（中国、省市、区县），保姆级教程！
最新发布
共同学习，共同成长
06-11 5833
这篇讲述 Vue+Echarts 绘制地图（中国、省市、区县），保姆级教程！
uniapp微信小程序上使用echarts
weixin_45956954的博客
12-06 3038
uniapp微信小程序绘制中国地图
微信小程序使用echarts地图自定义markPoint标点图标symbol
to_prototy的博客
02-29 892
微信小程序使用echarts地图markPoint标点symbol属性不能使用自定义图标
uniapp+Echarts微信小程序实现中国地图
帅的一批的博客
08-26 6971
参考文章链接: https://www.jianshu.com/p/5537e5053dc1 先在uni-app新建项目，然后在命令行管理中进入到该目录下，执行 然后安装依赖 将下载后的三个库从node_modules剪切到项目的根目录下。开始在项目中使用echarts。 替换最新的 mpvue-echarts 组件echarts.vue 。源码地址：https://github.com/dcloudio/hello-uniapp/blob/master/components/mpvue-echarts/
小程序中使用Echart
03-29
最近有几个小程序用到了图表，把我一顿折腾。所以来讲一下使用图表时所遇到的问题。 我们所用到的是 ECharts 的微信小程序版本 ;它提供了一个小程序原生的组件，然后我们只需要在相关页面引用改组件就好了。 使用...
微信小程序版echart
03-22
微信小程序版ECharts是专为在微信小程序环境中高效、轻量级使用ECharts图表库而设计的解决方案。在开发微信小程序时，资源加载速度和应用体积是关键因素，因为这直接影响到用户体验。ECharts作为一款功能强大的数据...
微信小程序里绘制Echart的一些问题
03-29
基于本人所用框架是wepy,最近在微信小程序里需要绘制一些echarts图表，搜索很多都是原生代码集成，总之也是费了一番功夫，记录一下实践过程： 1.将echarts.js 和 wx-canvas.js 集成到项目里； 2.在page页中引入上述...
echarts-中国地图json文件
10-13
中国地图JSON文件的结构通常包含以下几个部分： 1. **地区编码**：每个行政区划都有一个唯一的编码，如“310000”代表上海市。这些编码与ECharts的`series`中的`name`属性匹配，用于关联地图上的区域与数据。 2. *...
基于mpvue小程序使用echarts画折线图的方法示例
12-04
在本文中，我们将深入探讨如何在基于mpvue的小程序中使用ECharts绘制折线图。首先，我们需要了解mpvue和ECharts的基本概念。 **mpvue** 是一个基于Vue.js的微信小程序开发框架，它允许开发者使用Vue的语法和思想来...
echartsMapDom.rar
08-10
echarts和js写的省地图，文件夹中包含各省的js，替换所需省的js文件并修改代码中省的中文，就能显示想要的省市地图。
ECharts的微信小程序版本
08-10
本项目是 ECharts 的微信小程序版本，以及使用的示例。
微信小程序地图制作
08-19
微信小程序地图制作 小程序开发 地图制作，源码下载 ，
echart+小程序使用（区域地图的实现）保姆级超详细教学
LINGChengXi的博客
09-10 220
echart+小程序
小程序使用echarts图表-雷达图
qq_42165062的博客
01-18 1611
小程序中使用echarts图表-雷达图
uniapp+echarts微信小程序实现中国地图
shika233的博客
10-12 1883
uniapp+echarts微信小程序实现中国地图前言需求问题1、按原文章步骤下载文件，没有map文件2、地图没有颜色3、tooltip文本渲染无法解析html标签 前言 该功能实现主要借鉴文章链接：https://www.freesion.com/article/19181219532/ 这里只做补充一些本人遇到的问题，可以先去看原文章 需求 这是我要实现的功能，因为原文章不能完全满足，所以自己再这里再做一下补充 1、中国地图的展示 2、颜色的深浅随着数据的大小形成一个梯度 3、点击时出现提示框 4、显示
走进小程序【十一】微信小程序【使用Echarts 和 腾讯地图】
商务合作/软件定制/学习交流
04-23 1975
走进小程序【十一】微信小程序【使用Echarts 和 腾讯地图】
微信小程序+Echarts实现中国地图
窝窝头的博客
02-16 9608
一、版本说明 二、下载文件 Echart 官方 Demo 地址，参考这里； Demo 源码参考这里 需要下载地图 json 文件，参考这里 三、
小程序echarts地图放大缩小
04-18
在小程序中使用echarts地图进行放大缩小操作，可以通过以下步骤实现： 1. 引入echarts库：在小程序的页面中引入echarts库，可以通过npm安装或者直接引入CDN链接。 2. 创建canvas：在小程序的wxml文件中创建一个...
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值