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

最新推荐文章于 2024-08-12 16:26:16 发布

原创最新推荐文章于 2024-08-12 16:26:16 发布 · 置顶 · 2k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#echarts

js 同时被 3 个专栏收录

15 篇文章

订阅专栏

数组

4 篇文章

订阅专栏

echarts

2 篇文章

订阅专栏

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

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