通过echarts 使用china.js时出现南沙诸岛乱码问题

爱被打了一巴掌 2023-02-27 10:53 14阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODAyNzI2_size_16_color_FFFFFF_t_70][]

如图别的都正常显示，就南海诸岛乱码。

然后打算隐藏南海诸岛，找个各种方法，

1、通过geo直接隐藏，使用后发现没反应。

geo: {
              map: "china",
              roam: true,
              zoom:1, //默认显示级别     
              scaleLimit:{min:0,max:3}, // 缩放级别
              regions: [
                {
                  name: "南海诸岛",
                  value: 0,
                  itemStyle: {
                    normal: {
                      opacity: 0,
                      label: {
                        show: false
                      }
                    }
                  }
                }
              ]
            },
    
    series: [
            {
                name: '中国',
                type: 'map',
                mapType: 'china',
                roam: true,
                geoIndex:0,//使用geo引用地图需要添加该属性不然会出现两个地图
                data:mydata  //数据
    
    }]

2、直接在数据赋值的就设置不显示

data:[
          {
          	name:"南海诸岛",value:0,
          	itemStyle:{
          		normal:{opacity:0,label:{show:false}}
          	}
          },
          {name: '北京',value:11},
          {name: '天津',value:12},
    ]

3、还想着去js源文件直接删除南海诸岛的信息，发现源文件都压缩的乱码找不到南海诸岛的信息。

我以为是我下载的china.js有问题，就去echarts官网实例中引用，发现人家也正常显示，所以直接使用的实例的js

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODAyNzI2_size_16_color_FFFFFF_t_70 1][]

我本地引用后发现还是有问题，通过查看china.js 发现里面有 echarts ，怀疑是echarts有问题，又引用了

实例的中的echarts.js发现南海诸岛可以正常显示了，原来是我echarts版本有问题。

引入新的echarts后，上面前两种隐藏南沙诸岛的方法也可以正常使用了。

china.js :[https://download.csdn.net/download/qq\_36802726/13091399][https_download.csdn.net_download_qq_36802726_13091399]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODAyNzI2_size_16_color_FFFFFF_t_70]: /images/20230209/c6978686a7a846d6b016c9b0bad514af.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODAyNzI2_size_16_color_FFFFFF_t_70 1]: /images/20230209/07d0576ce6104ebdb297e1e35d114b60.png
[https_download.csdn.net_download_qq_36802726_13091399]: https://download.csdn.net/download/qq_36802726/13091399