版权声明:本文为博主原创文章,未经博主允许不得转载。 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
}
}
}
]
};