echarts geo 设置颜色_Echarts地图整体渐变色
时间: 2023-08-03 11:09:50 浏览: 1406
echarts地图加轮廓渐变色,地图子区域不加边界渐变色
5星 · 资源好评率100%
要给 Echarts 地图设置整体渐变色,可以通过以下步骤实现:
1. 在 Echarts 的 option 中,找到 geo 下的 itemStyle.normal 区域,设置 areaColor 为一个颜色数组,例如:
```
{
...
geo: {
...
itemStyle: {
normal: {
areaColor: ['#F6D6B2', '#FFC48C', '#FFB267', '#FFA042', '#FF8F1E']
}
}
}
...
}
```
这里的颜色数组中的颜色依次为地图的渐变色,可以根据实际需要调整。
2. 如果想要设置地图边界的颜色,可以在 geo 下设置 borderColor 和 borderWidth,例如:
```
{
...
geo: {
...
itemStyle: {
normal: {
areaColor: ['#F6D6B2', '#FFC48C', '#FFB267', '#FFA042', '#FF8F1E'],
borderColor: '#fff',
borderWidth: 1
}
}
}
...
}
```
这里的 borderColor 可以设置为任何颜色,borderWidth 可以根据需要调整。
通过以上步骤,就可以为 Echarts 地图设置整体渐变色和地图边界颜色了。
阅读全文