问题描述:用百度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 },