只是提供一种思路:
china.js中找到echarts.registerMap(‘china’, {中的”features”KEY值
形如:

{"id": "710000","geometry": {"type": "MultiPolygon","coordinates": [["@@°Ü¯Û", "@@ƛĴÕƊÉɼģºðʀ\\ƎsÆNŌÔĚäœnÜƤɊĂǀĆĴžĤNJŨxĚĮǂƺòƌ‚–âÔ®ĮXŦţƸZûЋƕƑGđ¨ĭMó·ęcëƝɉlÝƯֹÅŃ^Ó·śŃNjƏďíåɛGɉ™¿IċããF¥ĘWǬÏĶñÄ", "@@\\p|WoYG¿¥I†j@ž", "@@…¡‰@ˆV^RqˆBbAŒnTXe„†žQr™©C", "@@ÆEE—„kWqë Iœ"]],"encodeOffsets": [[[122886, 24033],[123335, 22980],[122375, 24193],[122518, 24117],[124427, 22618]]]},"properties": {"cp": [121, 24],"name": "台湾","childNum": 5}}

删掉或者注释掉。其他两个地方同样。
然后是南海诸岛,数据中没有展示的数据的话,恰巧又是自定义显示的对应的数值出现在下方的时候,会出现NAN,影响美观

南海自古以来就是中国的领土!!

思路一:隐藏不显示南海诸岛;打开echarts.js ,找到

 module.exports = function (geo) {if (geo.map === 'china') {geo.regions.push(new Region('南海诸岛', points, geoCoord));}};

将geo.map ===’china’ 改为 ‘china1’即可(不推荐,原因见标题

思路二:后台传递数据的时候将南海诸岛手动的添加到json中,赋值为0,然后echarts中进行判断,达到同样的效果,区域置灰,但是还会出现在地图上。

itemStyle: {normal: {label: {show: true,formatter:function(params){console.log(params);if(params.name == '南海诸岛' || params.name == '台湾' || params.name == '澳门' || params.name == '香港'){return " ";}else{return params.name+"\r\n"+params.value; }},}},

Echarts之map地图隐藏港澳台等区域相关推荐

  1. Echarts在map地图上添加散点图

    Echarts在map地图上添加散点图 一.需求: 我们使用map地图画出区域后,有时需要标注一些点,就需要用到散点图了,而在series属性中,只能有一个type参数,这时该怎么办呢? 二.实现 我 ...

  2. echart map地图 隐藏南海诸岛

    中国地图隐藏南海诸岛功能 在geo选项中添加regions属性,代码如下 const option = {.......geo: {map: 'china',show: true,roam: true ...

  3. vue echarts使用map地图 引入china.js报错Cannot read property ‘echarts’ of undefined

    下载china.js导入项目中引入,会报错Cannot read property 'echarts' of undefined import Echarts from "echarts&q ...

  4. 206. echarts的map地图入门案例

    2019独角兽企业重金招聘Python工程师标准>>> 1.效果 2. 功能 2.1 准备环境 (1) 搭建完整的ssm项目 (2) 导入juery.js 及echarts.js & ...

  5. echarts显示北京地图(鼠标放入区域变色)

    前期准备工作 json文件:下载 jquery.min.js(右键另存为):下载 echarts.min.js:下载 <!DOCTYPE html> <html><hea ...

  6. 用echarts 中的地图来显示区域分布情况(vue),包括地理数据来源生成的制作注意事项

    由于国家测绘部门的一些相关法律规定,现在版本的ecahrts 中的地图资源已经不能制作和直接使用,只能通过自己注册地图regiseterMap(name,json),来实现地图的区域,这些数据,学GI ...

  7. echarts初始化中国地图(Map)

    echarts初始化中国地图 vue 中可以直接使用,修改文件地址即可 更多echarts例子 1.http://www.ppchart.com/#/ 2.https://www.isqqw.com/ ...

  8. echarts map地图数据Json制作教程

    首先来一个echarts map地图使用的教程(对应地图的数据包我的下载里有 echarts地图离线数据包 有需要的可以自行下载或在博客下留言我会单独发你) <!DOCTYPE html> ...

  9. echarts map 地图做出立体效果

    echarts map 地图做出立体效果 最近做项目,需要用到立体地图,但是立体地图上还需要很多其他效果,所以用了 map 平面地图 做出了立体效果. 想知道怎么弄的,扣1,欢迎来交流.

最新文章

  1. 基于多源信息的深度卷积神经网络预测CircRNA疾病关联的有效方法
  2. java中正则表达式要进行转义的字符。
  3. 私房库视频学习笔记-小清新BBS系统开发技术归纳
  4. python的concat用法_Pandas串联操作concat()用法介绍
  5. zoj3195 联通树上三个点的路径长
  6. CodeForces - 1491E Fib-tree(模拟)
  7. Unknown/unsupported param List(--dist-cache-conf
  8. 手写弹出框,设置遮罩,布局设计。
  9. TreeView的基本使用 1205
  10. java中的静态块static{}及this,super,final的用法总结
  11. JS实现单源点最短路径、动态规划分段图算法
  12. 程序员入门编程,看这10本书,少走10年弯路
  13. Flink窗口-时间窗口
  14. 《第一本Docker书》 读书笔记
  15. Xshell 6链接Liunx链接不上:
  16. 前端基础 CSS 第十一章 使用CSS样式表 ----暑假学习第七、八天
  17. Python3 面向对象基础1
  18. 去除pplive广告
  19. CW2015 linux 锂电池驱动源码
  20. 北斗三代的RNSS+RDSS组合技术

热门文章

  1. 个人笔记-拖放文件到批处理删除文件
  2. dreamweaver+cs5支持html5吗,如何让Dreamweaver CS5支持Html5
  3. 阿里工业互联网平台白皮书 – 数据驱动的新价值网络 - 0910.zip阿里工业互联网平台白皮书 – 数据驱动的新价值网络 -
  4. 佳能PIXMAnbsp;MP150/MP170/MP450打印…
  5. 101条伟大的计算机编程名言 [ROYcms!NT]
  6. 实验室信息化(LIMS)系统助力样品管理
  7. photoshop脚本指南_Photoshop礼节:面向设计师的PS工作流程指南
  8. SRPG游戏开发(三十一)第八章 游戏中的数据 - 一 创建新项目(Create New Project)
  9. 【需求响应】基于数据驱动的需求响应优化及预测研究(Matlab代码实现)
  10. 计算机毕业设计ssm科研成果管理系统设计与实现