echarts map地图设置外边框或者阴影

geo: {
              map: 'china',
              center: [112.194115019531, 23.582111640625],
              zoom: 12,
              aspectScale: 1, //长宽比
              label: {
                normal: {
                  show: true,
                  textStyle: {
                    fontSize: 16,
                    color: '#ccc'
                    }
                  },
                emphasis: {
                  show: false,
                  textStyle: {
                    color: '#ccc'
                  }
                }
                },
              roam: false,
              itemStyle: {
                normal: {
                  borderColor: "#fff",
                  borderWidth: 5,
                  areaColor: '#272235',
                  fontWeightL: 700,
                /*  shadowBlur:20,
                  shadowColor: '#fff',*/

                },
                emphasis: {
                  areaColor: {
                    type: 'linear',
                    x: 0,
                    y: 0,
                    x2: 0,
                    y2: 1,
                    colorStops: [{
                      offset: 0, color: '#3f15d6' // 0% 处的颜色
                    }, {
                      offset: 1, color: '#d243cd' // 100% 处的颜色
                    }],
                    globalCoord: false // 缺省为 false
                  }
                }
              }
            },


            series: [
              {
                type: 'map',
                map: 'china',
                center: [112.194115019531, 23.582111640625],
                zoom: 12,
                geoIndex: 1,
                aspectScale: 1, //长宽比
                showLegendSymbol: false, // 存在legend时显示

                label: {
                  normal: {
                    show: true,
                    textStyle: {
                      fontSize: 16,
                      color: '#ccc'
                    }
                  },
                  emphasis: {
                    show: false,
                    textStyle: {
                      color: '#ccc'
                    }
                  }
                },
                roam: false,
                itemStyle: {
                  normal: {
                    areaColor: '#272235',
                    borderColor: '#fff',
                    fontWeightL: 700,
                    borderWidth: 1
                  },
                  emphasis: {
                    areaColor: {
                      type: 'linear',
                      x: 0,
                      y: 0,
                      x2: 0,
                      y2: 1,
                      colorStops: [{
                        offset: 0, color: '#3f15d6' // 0% 处的颜色
                      }, {
                        offset: 1, color: '#d243cd' // 100% 处的颜色
                      }],
                      globalCoord: false // 缺省为 false
                    }
                  }
                },
                data: []
              }
              ]
posted @   雪莉06  阅读(12700)  评论(0编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示