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

最新推荐文章于 2024-09-20 21:36:21 发布

置顶 ze1024

最新推荐文章于 2024-09-20 21:36:21 发布

阅读量1.8k

点赞数 3

分类专栏： js 数组 echarts 文章标签： echarts

本文链接：https://blog.csdn.net/ze1024/article/details/115351177

版权

js 同时被 3 个专栏收录

15 篇文章 1 订阅

订阅专栏

数组

4 篇文章 0 订阅

订阅专栏

echarts

2 篇文章 0 订阅

订阅专栏

本文介绍了在使用Echarts地图时遇到的问题，即数据中的全称需要转化为简称以确保正确渲染。作者分享了通过JavaScript代码实现的解决方案，包括如何遍历数据并根据自治区、省市区等不同情况进行地址格式调整。

摘要由CSDN通过智能技术生成

背景介绍:
最近开发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)
      },