问题描述:用百度echarts做地图,引入了json地图经纬度,如何实现不同区域不同颜色。
只要在geo里面加入以下代码
var nodata = [
{
"name": "辽宁",
"itemStyle": {
"normal": {
"areaColor": "#0b144b", //根据需要修改
"borderColor": "#1466d3",
"shadowColor": "#092f8f",
"shadowBlur": 20
}
}
},
{
"name": "吉林",
"itemStyle": {
"normal": {
"areaColor": "#0b144b",
"borderColor": "#1466d3",
"shadowColor": "#092f8f",
"shadowBlur": 20
}
}
},
{
"name": "安徽",
"itemStyle": {
"normal": {
"areaColor": "#0b144b",
"borderColor": "#1466d3",
"shadowColor": "#092f8f",
"shadowBlur": 20
}
}
},
{
"name": "河南",
"itemStyle": {
"normal": {
"areaColor": "#0b144b",
"borderColor": "#1466d3",
"shadowColor": "#092f8f",
"shadowBlur": 20
}
}
},
{
"name": "湖南",
"itemStyle": {
"normal": {
"areaColor": "#0b144b",
"borderColor": "#1466d3",
"shadowColor": "#092f8f",
"shadowBlur": 20
}
}
},
{
"name": "海南",
"itemStyle": {
"normal": {
"areaColor": "#0b144b",
"borderColor": "#1466d3",
"shadowColor": "#092f8f",
"shadowBlur": 20
}
}
},
{
"name": "云南",
"itemStyle": {
"normal": {
"areaColor": "#0b144b",
"borderColor": "#1466d3",
"shadowColor": "#092f8f",
"shadowBlur": 20
}
}
},
{
"name": "西藏",
"itemStyle": {
"normal": {
"areaColor": "#0b144b",
"borderColor": "#1466d3",
"shadowColor": "#092f8f",
"shadowBlur": 20
}
}
},
{
"name": "陕西",
"itemStyle": {
"normal": {
"areaColor": "#0b144b",
"borderColor": "#1466d3",
"shadowColor": "#092f8f",
"shadowBlur": 20
}
}
},
{
"name": "甘肃",
"itemStyle": {
"normal": {
"areaColor": "#0b144b",
"borderColor": "#1466d3",
"shadowColor": "#092f8f",
"shadowBlur": 20
}
}
},
{
"name": "宁夏",
"itemStyle": {
"normal": {
"areaColor": "#0b144b",
"borderColor": "#1466d3",
"shadowColor": "#092f8f",
"shadowBlur": 20
}
}
},
{
"name": "台湾",
"itemStyle": {
"normal": {
"areaColor": "#0b144b",
"borderColor": "#1466d3",
"shadowColor": "#092f8f",
"shadowBlur": 20
}
}
},
{
"name": "香港",
"itemStyle": {
"normal": {
"areaColor": "#0b144b",
"borderColor": "#1466d3",
"shadowColor": "#092f8f",
"shadowBlur": 20
}
}
},
{
"name": "澳门",
"itemStyle": {
"normal": {
"areaColor": "#0b144b",
"borderColor": "#1466d3",
"shadowColor": "#092f8f",
"shadowBlur": 20
}
}
}
]
"geo": {
regions: nodata
},