eacharts地图加外边框阴影,增加立体效果

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/snow_cake/article/details/84315159

echarts中国地图上加边框阴影,是给每一级都加上了阴影

默认是这个样子的,很难看,也不清晰,想要实现只给地图外边框加阴影

在网上查说是echarts官方暂时还没有给地图外侧加阴影的设置

既然官方没有,在网上借阅了各位大神的解决办法

在不加任何阴影的情况下是这种的

加上阴影是这种的

两种结合,就能实现下面的

废话不多说,上代码

let option = {
        
        geo: {
          map: "china",
          center: [105.194115019531, 35.582111640625],
          aspectScale: 0.75, //长宽比
          zoom:1.1,
          roam: false,
          itemStyle: {
            normal: {
              areaColor: "#013C62",
              shadowColor:"#01273F",
              shadowOffsetX:0,
              shadowOffsetY:25
            },
            emphasis: {
              label:{
                show:false
              }
            }
          }
        },
        series: [
          {
            type: "map",
            map: "china",
            center: [105.194115019531, 35.582111640625],
            zoom:1.1,
            geoIndex: 1,
            aspectScale: 0.75, //长宽比
            roam: false,
            emphasis: {
              label:{
                show:false
              }
             },
            itemStyle: {
              normal: {
                areaColor: "#013C62",
                borderColor: "#0A5E96",
                borderWidth: 2
              }
            }
          }
        ]
      };

猜你喜欢

转载自blog.csdn.net/snow_cake/article/details/84315159