只是提供一种思路:
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. 类的成员函数指针和mem_fun适配器的用法
  2. HTML5新增表单验证
  3. WWW 2021 | 通过强化学习控制对话式检索的风险
  4. ldap - 设置一个基本的OpenLDAP Server
  5. Java_方法的调用①及案例
  6. 浮小麦升浮之气的本质
  7. c++从入门到进阶--引用与常量
  8. Dynamics CRM On-Premise V9安装手记
  9. MaxCompute Studio使用心得系列6——一个工具完成整个Python UDF开发
  10. 设计师学习HTML/CSS之路-11
  11. 网页上的摄影展:等高响应布局实现
  12. 阶乘浅析poj1150 3406 zoj1222 2358
  13. 数电模电基础(1)分压电路
  14. xdb 服务_localhost 8080 XDB服务器需要用户名和密码的问题
  15. Linux 配置网络桥接模式
  16. 网页转圈打不开服务器,打不开网页怎么回事
  17. 日期函数DATEDIFF() 计算日期之差
  18. 万豪酒店品牌持续拓展中国东南区,温州首家万豪酒店开业
  19. Canvas绘制箭头
  20. 2021-2027全球与中国轻型商用车钢轮市场现状及未来发展趋势

热门文章

  1. 【CEGUI】CEGUI入门篇之创建window(四)
  2. 笔记本拆c面_拆解C面准备步骤 注意拧下所有螺丝_Alienware 15_笔记本评测-中关村在线...
  3. 前端websocket实现简易聊天室
  4. Kaggle电影评论情感分析
  5. Delphi 多线程传递参数的问题
  6. 斐波那契(Fibonacci,意大利数学家,1170年-1240年)数列,又称黄金分割数列,指的是这样一个数列:0、1、1、2、3、5、8、13、21、……。这个数列从第三项开始,每一项都等于前两项之
  7. 八、OCR系列-OCR表格识别-PP-Structure
  8. 【初识C语言(下篇)】
  9. 简单的条件概率乘积推导证明:p(c|a,b)p(b|a)=p(b,c|a)
  10. JDK源码系列:子线程如何继承父线程上通过ThreadLocal绑定的数据