Echarts之map地图隐藏港澳台等区域
只是提供一种思路:
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ˆBbAŒ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地图隐藏港澳台等区域相关推荐
- Echarts在map地图上添加散点图
Echarts在map地图上添加散点图 一.需求: 我们使用map地图画出区域后,有时需要标注一些点,就需要用到散点图了,而在series属性中,只能有一个type参数,这时该怎么办呢? 二.实现 我 ...
- echart map地图 隐藏南海诸岛
中国地图隐藏南海诸岛功能 在geo选项中添加regions属性,代码如下 const option = {.......geo: {map: 'china',show: true,roam: true ...
- vue echarts使用map地图 引入china.js报错Cannot read property ‘echarts’ of undefined
下载china.js导入项目中引入,会报错Cannot read property 'echarts' of undefined import Echarts from "echarts&q ...
- 206. echarts的map地图入门案例
2019独角兽企业重金招聘Python工程师标准>>> 1.效果 2. 功能 2.1 准备环境 (1) 搭建完整的ssm项目 (2) 导入juery.js 及echarts.js & ...
- echarts显示北京地图(鼠标放入区域变色)
前期准备工作 json文件:下载 jquery.min.js(右键另存为):下载 echarts.min.js:下载 <!DOCTYPE html> <html><hea ...
- 用echarts 中的地图来显示区域分布情况(vue),包括地理数据来源生成的制作注意事项
由于国家测绘部门的一些相关法律规定,现在版本的ecahrts 中的地图资源已经不能制作和直接使用,只能通过自己注册地图regiseterMap(name,json),来实现地图的区域,这些数据,学GI ...
- echarts初始化中国地图(Map)
echarts初始化中国地图 vue 中可以直接使用,修改文件地址即可 更多echarts例子 1.http://www.ppchart.com/#/ 2.https://www.isqqw.com/ ...
- echarts map地图数据Json制作教程
首先来一个echarts map地图使用的教程(对应地图的数据包我的下载里有 echarts地图离线数据包 有需要的可以自行下载或在博客下留言我会单独发你) <!DOCTYPE html> ...
- echarts map 地图做出立体效果
echarts map 地图做出立体效果 最近做项目,需要用到立体地图,但是立体地图上还需要很多其他效果,所以用了 map 平面地图 做出了立体效果. 想知道怎么弄的,扣1,欢迎来交流.
最新文章
- 类的成员函数指针和mem_fun适配器的用法
- HTML5新增表单验证
- WWW 2021 | 通过强化学习控制对话式检索的风险
- ldap - 设置一个基本的OpenLDAP Server
- Java_方法的调用①及案例
- 浮小麦升浮之气的本质
- c++从入门到进阶--引用与常量
- Dynamics CRM On-Premise V9安装手记
- MaxCompute Studio使用心得系列6——一个工具完成整个Python UDF开发
- 设计师学习HTML/CSS之路-11
- 网页上的摄影展:等高响应布局实现
- 阶乘浅析poj1150 3406 zoj1222 2358
- 数电模电基础(1)分压电路
- xdb 服务_localhost 8080 XDB服务器需要用户名和密码的问题
- Linux 配置网络桥接模式
- 网页转圈打不开服务器,打不开网页怎么回事
- 日期函数DATEDIFF() 计算日期之差
- 万豪酒店品牌持续拓展中国东南区,温州首家万豪酒店开业
- Canvas绘制箭头
- 2021-2027全球与中国轻型商用车钢轮市场现状及未来发展趋势
热门文章
- 【CEGUI】CEGUI入门篇之创建window(四)
- 笔记本拆c面_拆解C面准备步骤 注意拧下所有螺丝_Alienware 15_笔记本评测-中关村在线...
- 前端websocket实现简易聊天室
- Kaggle电影评论情感分析
- Delphi 多线程传递参数的问题
- 斐波那契(Fibonacci,意大利数学家,1170年-1240年)数列,又称黄金分割数列,指的是这样一个数列:0、1、1、2、3、5、8、13、21、……。这个数列从第三项开始,每一项都等于前两项之
- 八、OCR系列-OCR表格识别-PP-Structure
- 【初识C语言(下篇)】
- 简单的条件概率乘积推导证明:p(c|a,b)p(b|a)=p(b,c|a)
- JDK源码系列:子线程如何继承父线程上通过ThreadLocal绑定的数据