1. 程式人生 > >eacharts地圖加外邊框陰影,增加立體效果

eacharts地圖加外邊框陰影,增加立體效果

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
              }
            }
          }
        ]
      };