美文网首页
echarts中geo不同区域用不同颜色

echarts中geo不同区域用不同颜色

作者: Gino_Li | 来源:发表于2019-09-26 16:32 被阅读0次

    地图着色的方法在网上找了好久,开始用visualmap着色,后来要定位坐标,只能用geo,找了好久,分享一下!
    需要在geo中添加regions属性,详见代码

        geo: {
              map: 'nanning',
              height: '100%',
              width: '85%',
              center: [108.46, 23.13],
              zoom: 1,
              label: {
                show: true,
                color: '#20fdfa',
                emphasis: {
                  show: true,
                  color: '#fff'
                }
              },
              roam: false,
              itemStyle: {
                normal: {
                  areaColor: '#323c4800', //地图颜色
                  borderColor: '#0258b6',
                  borderWidth: 1
                },
                // emphasis: {
                //   areaColor: '#2a333d'
                // }
              },
              regions: [      //对不同的区块进行着色
                {
                  name: '马山县', //区块名称
                  itemStyle: {
                      normal: {
                          areaColor: '#fbd8f3'
                      }
                  }
                },{
                  name: '上林县',
                  itemStyle: {
                      normal: {
                          areaColor: '#fcc8b8'
                      }
                  }
              },{
                name: '宾阳县',
                itemStyle: {
                    normal: {
                        areaColor: '#2b97df'
                    }
                }
            }]
        }
    

    相关文章

      网友评论

          本文标题:echarts中geo不同区域用不同颜色

          本文链接:https://www.haomeiwen.com/subject/taknuctx.html