Echarts之map地图隐藏港澳台等区域

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

{"id": "710000","geometry": {"type": "MultiPolygon","coordinates": [["@@°Ü¯Û", "@@ƛĴÕƊÉɼģºðʀ\\ƎsÆNŌÔĚäœnÜƤɊĂǀĆĴžĤǊŨxĚĮǂƺòƌ‚–âÔ®ĮXŦţƸZûÐ‹ƕƑGđ¨ĭMó·ęcëƝɉlÝƯֹÅŃ^Ó·śŃǋƏďíåɛ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,欢迎来交流.

Echarts之map地图隐藏港澳台等区域

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

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

最新文章

热门文章