js实现省市名称简称 ,echarts全国地图省市名称简称

您所在的位置:网站首页 中国省份的全称及简称 js实现省市名称简称 ,echarts全国地图省市名称简称

js实现省市名称简称 ,echarts全国地图省市名称简称

2024-06-03 06:08| 来源: 网络整理| 查看: 265

背景介绍: 最近开发ecahrts做地图的时候,发现其只支持简称, 比如“河北省”在echarts里面只有显示“河北”,才能正确显示渲染样式,不然样式效果就实现不了,显示异常(如下图),但是现在我们后端返回来的数据是全称,所以需要前端对数据进行处理,然后再去实现. 在这里插入图片描述 解决方式 我这里是通过js来对数据进行处理的,举个例子,后端返回的参数是这样的 在这里插入图片描述 我们要把他处理成我们想要的“北京”,“新疆”…这种形式,

解决代码如下

mounted() { this.getNewList() },

methods方法:

getNewList() { this.list.forEach((item, index) => { let isAutonomy = item.name.search('自治区') != -1 if (isAutonomy) { item.address = item.name.search('内') != -1 ? item.name.substr(0, 3) : item.name.substr(0, 2) } else { item.address = item.name.match(/(\S*)(省|市|特别行政区)/)[1]; } }); console.log('list2', this.list) },

最终效果: 在这里插入图片描述 各位还有什么更好的方式欢迎在评论里面交流



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3