echarts地图更改具体某省份颜色以及更改地图整体颜色 china.js echarts geo map
我们在工作中也许会遇到更改地图中具体某省份颜色或更改地图整体颜色的需求,接下来我们来看具体如何实现。一、首先,更改地图整体背景颜色 效果如下:具体实现方法是 修改option.geo.itemStyle.normal.areaColorlet option = {geo: {itemStyle: {normal: {areaColor: 'rgba(37, 157, 255, 0.2)',}
·
一、首先,更改地图整体背景颜色 效果如下:
具体实现方法是 修改echarts的option.geo.itemStyle.normal.areaColor
let option = {
geo: {
itemStyle: {
normal: {
areaColor: 'rgba(37, 157, 255, 0.2)',
}
}
}
}
二、更改具体某省份颜色,以将青海的背景色更改为粉色为例,效果如图:
具体实现方式是 修改echarts的option.geo.regions
let option = {
geo: {
regions: [{
name: '青海',//与china.js对应的省份名称
itemStyle: {
areaColor: 'pink',//省份背景色
}
}]
}
}
才疏学浅,如有不足之处,欢迎指正。
更多推荐
已为社区贡献1条内容
所有评论(0)