echarts地图问题[中国地图省份之间有空隙,是什么问题?怎么解决?]

如图,省份之间有空隙,代码全是按照 echarts 规范来写的,怎么就和官方的地图不一样呢? 看到的大神帮帮忙!
上一段我自己的代码吧 。同样的代码,放到官方实例页面正常,在我自己的页面就老是有空隙

option = {  
              backgroundColor: '#61A5F0',  
                title: {
                     text: '地域分布',
                     left: 'center',
                     textStyle: {
                     color: '#fff'
                    }
              },  
                tooltip : {  
                    trigger: 'item'  
                },  

                //左侧小导航图标
               visualMap: {  
                      show : true,  
                      x: 'left',  
                      y: 'center',  
                      splitList: [   
                          {start: 350, end:500},
                          {start: 200, end: 350},  
                          {start: 100, end: 200},
                          {start: 50, end: 100},  
                          {start: 10, end: 50},
                          {start: 0, end: 10},  
                      ],  
                      color: [
                              '#ea3d2b',
                              '#ea772b',
                              '#ea9b2b',
                              '#eac82b',
                              '#eadf2b',
                              '#a9ea2b'
                              ]  
                  },  

                //配置属性
                series: [{  
                    name: '数据',  
                    type: 'map',  
                    mapType: 'china',   
                    roam: true,  
                    label: {  
                        normal: {  
                            show: true, //省份名称
                            formatter:'{b}\n{c}',
                        },  
                        emphasis: {  
                            show: false  
                        }  
                    },  

                    data:[  
                          {name: '北京',value: '100' },{name: '天津',value: randomData() },  
                          {name: '上海',value: randomData() },{name: '重庆',value: randomData() },  
                          {name: '河北',value: randomData() },{name: '河南',value: randomData() },  
                          {name: '云南',value: randomData() },{name: '辽宁',value: randomData() },  
                          {name: '黑龙江',value: randomData() },{name: '湖南',value: randomData() },  
                          {name: '安徽',value: randomData() },{name: '山东',value: randomData() },  
                          {name: '新疆',value: randomData() },{name: '江苏',value: randomData() },  
                          {name: '浙江',value: randomData() },{name: '江西',value: randomData() },  
                          {name: '湖北',value: randomData() },{name: '广西',value: randomData() },  
                          {name: '甘肃',value: randomData() },{name: '山西',value: randomData() },  
                          {name: '内蒙古',value: randomData() },{name: '陕西',value: randomData() },  
                          {name: '吉林',value: randomData() },{name: '福建',value: randomData() },  
                          {name: '贵州',value: randomData() },{name: '广东',value: randomData() },  
                          {name: '青海',value: randomData() },{name: '西藏',value: randomData() },  
                          {name: '四川',value: randomData() },{name: '宁夏',value: randomData() },  
                          {name: '海南',value: randomData() },{name: '台湾',value: randomData() },  
                          {name: '香港',value: randomData() },{name: '澳门',value: randomData() }  
                      ]
                }]  
            }; 

       function randomData() {  
                 return Math.round(Math.random()*500);  
            } 


官方实例页面:
图片说明

我自己的页面:
图片说明

3个回答

最终还是靠我自己解决了。 是 china.js 的问题,之前引用的是从 GitHub 上下载的,从CSDN 上重新下载一个替换就好了 。

链接:https://pan.baidu.com/s/191aqPVGvr83JElrlbZpsow

提取码:gsfm

weixin_43946474
姚钱树。 回复NRlovestudy: 谢谢谢谢,可以了
5 个月之前 回复
NRlovestudy
NRlovestudy 回复姚钱树。: 更新了链接,地图用到的两个文件都在里面了。你试一下。
5 个月之前 回复
weixin_43946474
姚钱树。 回复NRlovestudy: 用了一楼的链接,可是我的地图还是有间隙,是不是我的echarts的配置有问题啊?
5 个月之前 回复
weixin_43946474
姚钱树。 回复NRlovestudy: 谢谢,看到下载链接了
5 个月之前 回复
NRlovestudy
NRlovestudy 回复姚钱树。: 留邮箱 发你一份
5 个月之前 回复
weixin_43946474
姚钱树。 求个下载链接,或者资源,谢谢啦
5 个月之前 回复
NRlovestudy
NRlovestudy 回复zz12312: 留邮箱 发你一份
6 个月之前 回复
zz12312
zz12312 你在哪里下的,上个链接啊
6 个月之前 回复
qq_35696548
波四万 666
11 个月之前 回复

热力数据是后台生成的,那你的地图json也应该是后台生成

你生成的地图看起来应该是样式问题, 就是这种有省份直接有空隙的样式? 你是按照echarts实例做的吗

NRlovestudy
NRlovestudy 就是按照官方实例做的。同样的代码,放到官方实例页面正常,在我自己的页面就老是有空隙
11 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
echarts地图与柱形图问题
-
echarts地图,需要省份颜色显示五种颜色,同一色系深浅不同
-
echarts上的模拟迁徙线条的动画放在有具体省份上面,省份要在地图上有轮廓边界,怎么实现?
-
echarts地图怎么用啊?要那种点省份可以显示市区的那种
-
echarts地图的问题。地图刷新点击事件重复
-
echarts-for-react 实现省地图需要每个省份都写一个js吗?有没有通用的模板
-
把sql读取的数据用echarts显示出来
-
echarts _map怎样将地图省份改为全称,如:广东省,广西壮族自治区。
-
echarts做地图能不能做到如下所示的这样?
-
echarts绘制中国地图显示不正常怎么解决 求大牛帮助
-
Echart 中国地图 两个不同的格式的地图合并
-
微信小程序能不能为图片划分一块可点击的区域
-
java中输入身份证号,怎么显示地图上的省份
-
android中生成中国地图的View
-
JavaScript怎样把地图上的省份用曲线连接起来
-
代码里,select的选择触发事件onchange,不触发,请高手指教是哪里问题?
-
raphael地图怎么样才能实现点击省份名字也实现同样效果?
-
正在学习android的第一行代码的coolweather遇到了点问题
-
学会了这些技术,你离BAT大厂不远了
每一个程序员都有一个梦想,梦想着能够进入阿里、腾讯、字节跳动、百度等一线互联网公司,由于身边的环境等原因,不知道 BAT 等一线互联网公司使用哪些技术?或者该如何去学习这些技术?或者我该去哪些获取这些技术资料?没关系,平头哥一站式服务,上面统统不是问题。平头哥整理了 BAT 等一线大厂的必备技能,并且帮你准备了对应的资料。对于整理出来的技术,如果你掌握的不牢固,那就赶快巩固,如果你还没有涉及,现在...
程序员实用工具网站
目录 1、搜索引擎 2、PPT 3、图片操作 4、文件共享 5、应届生招聘 6、程序员面试题库 7、办公、开发软件 8、高清图片、视频素材网站 9、项目开源 10、在线工具宝典大全 程序员开发需要具备良好的信息检索能力,为了备忘(收藏夹真是满了),将开发过程中常用的网站进行整理。 1、搜索引擎 1.1、秘迹搜索 一款无敌有良心、无敌安全的搜索引擎,不会收集私人信息,保...
支付宝核心工程师谈如何成为一名优秀的程序员?
支付宝研究员李俊奎 作者 |蚂蚁金服科技 责编| 伍杏玲 出品 | 程序人生(ID:coder_life) 校招进入支付宝,11年时间,从一线工程师成长为支付宝安全核心架构师,这个技术牛人就是李俊奎。 李俊奎一直聚焦风控平台的技术和架构发展,并着手搭建了中国第一家云上的商业银行——网商银行。 在2016年双11和新春红包等活动中,李俊奎和他的团队实现历史性突破,即在系统不...
我花了一夜用数据结构给女朋友写个H5走迷宫游戏
起因 又到深夜了,我按照以往在csdn和公众号写着数据结构!这占用了我大量的时间!我的超越妹妹严重缺乏陪伴而 怨气满满! 而女朋友时常埋怨,认为数据结构这么抽象难懂的东西没啥作用,常会问道:天天写这玩意,有啥作用。而我答道:能干事情多了,比如写个迷宫小游戏啥的! 当我码完字准备睡觉时:写不好别睡觉! 分析 如果用数据结构与算法造出东西来呢? ...
让程序员崩溃的瞬间(非程序员勿入)
今天给大家带来点快乐,程序员才能看懂。 来源:https://zhuanlan.zhihu.com/p/47066521 1. 公司实习生找 Bug 2.在调试时,将断点设置在错误的位置 3.当我有一个很棒的调试想法时 4.偶然间看到自己多年前写的代码 5.当我第一次启动我的单元测试时 ...
GitHub开源的10个超棒后台管理面板
目录 1、AdminLTE 2、vue-Element-Admin 3、tabler 4、Gentelella 5、ng2-admin 6、ant-design-pro 7、blur-admin 8、iview-admin 9、material-dashboard 10、layui 项目开发中后台管理平台必不可少,但是从零搭建一套多样化后台管理并不容易,目前有许多开源、免费、...
100 个网络基础知识普及,看完成半个网络高手
欢迎添加华为云小助手微信(微信号:HWCloud002或HWCloud003),输入关键字“加群”,加入华为云线上技术讨论群;输入关键字“最新活动”,获取华为云最新特惠促销。华为云诸多技术大咖、特惠活动等你来撩! 1)什么是链接? 链接是指两个设备之间的连接。它包括用于一个设备能够与另一个设备通信的电缆类型和协议。 2)OSI 参考模型的层次是什么? 有 7 个 OSI 层:物理...
对计算机专业来说学历真的重要吗?
我本科学校是渣渣二本,研究生学校是985,现在毕业五年,校招笔试、面试,社招面试参加了两年了,就我个人的经历来说下这个问题。 这篇文章很长,但绝对是精华,相信我,读完以后,你会知道学历不好的解决方案,记得帮我点赞哦。 先说结论,无论赞不赞同,它本质就是这样:对于技术类工作而言,学历五年以内非常重要,但有办法弥补。五年以后,不重要。 目录: 张雪峰讲述的事实 我看到的事实 为什么会这样 ...
世界上最好的学习法:费曼学习法
你是否曾幻想读一遍书就记住所有的内容?是否想学习完一项技能就马上达到巅峰水平?除非你是天才,不然这是不可能的。对于大多数的普通人来说,可以通过笨办法(死记硬背)来达到学习的目的,但效率低下。当然,也可以通过优秀的学习法来进行学习,比如今天讲的“费曼学习法”,可以将你的学习效率极大的提高。 费曼学习法是由加拿大物理学家费曼所发明的一种高效的学习方法,费曼本身是一个天才,13岁自学微积分,24岁加入曼...
深入理解C语言指针
一、指针的概念 要知道指针的概念,要先了解变量在内存中如何存储的。在存储时,内存被分为一块一块的。每一块都有一个特有的编号。而这个编号可以暂时理解为指针,就像酒店的门牌号一样。 1.1、变量和地址 先写一段简单的代码: void main(){ int x = 10, int y = 20; } 这段代码非常简单,就是两个变量的声明,分别赋值了 10、20。我们把内存当做一个酒店,而每个房间就...
C语言实现推箱子游戏
很早就想过做点小游戏了,但是一直没有机会动手。今天闲来无事,动起手来。过程还是蛮顺利的,代码也不是非常难。今天给大家分享一下~ 一、介绍 开发语言:C语言 开发工具:Dev-C++ 5.11 日期:2019年9月28日 作者:ZackSock 也不说太多多余的话了,先看一下效果图: 游戏中的人物、箱子、墙壁、球都是字符构成的。通过wasd键移动,规则的话就是推箱子的规则,也就不多说了。 二、代...
面试官:兄弟,说说基本类型和包装类型的区别吧
Java 的每个基本类型都对应了一个包装类型,比如说 int 的包装类型为 Integer,double 的包装类型为 Double。基本类型和包装类型的区别主要有以下 4 点。
C语言这么厉害,它自身又是用什么语言写的?
这是来自我的星球的一个提问:“C语言本身用什么语言写的?”换个角度来问,其实是:C语言在运行之前,得编译才行,那C语言的编译器从哪里来? 用什么语言来写的?如果是用C语...
十大优秀编程项目,让你的简历金光闪闪
全文共3241字,预计学习时长6分钟 被问到如何学习编程时,最常听到的问题就是:“有没有什么新项目的好点子?” 一些老套的答案有:“做一个象棋游戏”或者“命令行界面”。 这些答案没有错,但这些例子不符合现代编程的需要。现代软件编写需要经常使用软件服务化(SaaS)和网络应用,这意味着程序员需要了解如何在线编程。 用户网站或应用程序的编程需要服务器、身份验证和数据库,这个过程十分复杂。它...
第二弹!python爬虫批量下载高清大图
文章目录前言下载免费高清大图下载带水印的精选图代码与总结 前言 在上一篇写文章没高质量配图?python爬虫绕过限制一键搜索下载图虫创意图片!中,我们在未登录的情况下实现了图虫创意无水印高清小图的批量下载。虽然小图能够在一些移动端可能展示的还行,但是放到pc端展示图片太小效果真的是很一般!建议阅读本文查看上一篇文章,在具体实现不做太多介绍,只讲个分析思路。 当然,本文可能技术要求不是特别高,但可以...
SpringBoot注解梳理
一、注解(annotations)列表 二、注解(annotations)详解 三、JPA注解 四、springMVC相关注解 五、全局异常处理 一、注解(annotations)列表 @SpringBootApplication:包含了@ComponentScan、@Configuration和@EnableAutoConfiguration注解。其中@Component...
2019年10月全国程序员工资统计,一半以上的职位5个月没招到人。
我每个月第一天(也许是第二天,第三天),会爬招聘网站,并在CSDN发布。 趋势 全国程序员平均工资走势图。图上可以见,6月到8月,工资涨的比较快。之后就停止甚至下跌了。当然,6到8月涨幅过快,后面的下跌可以看作是对之前的调整。怎么感觉我是评论股票的。。。大家听过就算了,别当真。 同时,10月份的招聘人数也大幅减少了。我估计,可能是用人单位不愿意刚刚招来个人,就给他放十一假期,这样不核算。所以宁可推...
Java 网络爬虫,就是这么的简单
这是 Java 网络爬虫系列文章的第一篇,如果你还不知道 Java 网络爬虫系列文章,请参看 学 Java 网络爬虫,需要哪些基础知识。第一篇是关于 Java 网络爬虫入门内容,在该篇中我们以采集虎扑列表新闻的新闻标题和详情页为例,需要提取的内容如下图所示: 我们需要提取图中圈出来的文字及其对应的链接,在提取的过程中,我们会使用两种方式来提取,一种是 Jsoup 的方式,另一种是 httpcli...
面试官,不要再问我三次握手和四次挥手
三次握手和四次挥手是各个公司常见的考点,也具有一定的水平区分度,也被一些面试官作为热身题。很多小伙伴说这个问题刚开始回答的挺好,但是后面越回答越冒冷汗,最后就歇菜了。 见过比较典型的面试场景是这样的: 面试官:请介绍下三次握手 求职者:第一次握手就是客户端给服务器端发送一个报文,第二次就是服务器收到报文之后,会应答一个报文给客户端,第三次握手就是客户端收到报文后再给服务器发送一个报文,三次握手就...
当程序员这么多年,我学到了25条人生经验
关注前端达人,与你共同进步编者按:作者踏上开发人员的职业之路某种程度上具有偶然性,但是也跟自己平时对编码方面的知识进行的储备有很大的关系,作为一名自学的开发人员,作者虽然...
记一次蚂蚁金服的面试经历
点击上方“码农突围”,马上关注,每天早上8:50准时推送真爱,请置顶或星标2015在实习的时候,当时一个一起实习的朋友在2019年3月份的时候突然在微信上找我,问我要不要...
一些实用的GitHub项目
最近整理了一些在GitHub上比较热门的开源项目关于GitHub,快速了解请戳这里其中涵盖了:学习教程,面试总结,实用工具,框架,机器学习等东西比较杂,要学的东西也比较多...
相关热词 对文件aes加密vc# c#读取栈中所有的值 c# rsa256加密 好 学c# 还是c++ c# 和java的差距 c# curl网络框架 c# https证书请求 c# 中崎 c#窗体自动弹出子窗体 c# 连接sqlite