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: []
}
]
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· 用 DeepSeek 给对象做个网站,她一定感动坏了
· DeepSeek+PageAssist实现本地大模型联网
· 手把手教你更优雅的享受 DeepSeek
· Java轻量级代码工程
· 从 14 秒到 1 秒:MySQL DDL 性能优化实战