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  阅读(12678)  评论(0编辑  收藏  举报
编辑推荐:
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
阅读排行:
· 用 DeepSeek 给对象做个网站,她一定感动坏了
· DeepSeek+PageAssist实现本地大模型联网
· 手把手教你更优雅的享受 DeepSeek
· Java轻量级代码工程
· 从 14 秒到 1 秒:MySQL DDL 性能优化实战
点击右上角即可分享
微信分享提示