1. 首页
  2. 百度ECharts
  3. ECharts实例
  4. ECharts入门
  5. ECharts官网

百度echarts地图显示不同区域不同颜色

问题描述:用百度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
},
点击展开全文

Echarts入门