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

通过echarts 使用china.js时出现南沙诸岛乱码问题_第1张图片

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

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

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

通过echarts 使用china.js时出现南沙诸岛乱码问题_第2张图片

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

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

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

你可能感兴趣的:(Web,echarts)