echarts 地图划过根据数据显示不同的高亮颜色

要在echarts地图上根据数据显示不同的高亮颜色，可以通过设置visualMap和itemStyle两个属性来实现。

首先，需要在visualMap中配置最小值、最大值和颜色范围。例如：

visualMap: {
  min: 0,
  max: 100,
  inRange: {
    color: ['#ffd1a6', '#ff3333']
  },
  textStyle: {
    color: '#fff'
  }
}

然后，在itemStyle中设置区域的填充颜色。可以根据数据的大小来动态设置颜色。例如：

itemStyle: {
  normal: {
    borderColor: '#fff',
    borderWidth: 1,
    areaColor: {
      type: 'radial',
      x: 0.5,
      y: 0.5,
      r: 0.8,
      colorStops: [{
        offset: 0,
        color: '#fff' // 0% 处的颜色
      }, {
        offset: 1,
        color: '#ff3333' // 100% 处的颜色
      }],
      globalCoord: false // 缺省为 false
    },
    label: {
      show: true,
      textStyle: {
        color: '#333'
      }
    }
  },
  emphasis: {
    areaColor: '#ff3333',
    label: {
      show: true,
      textStyle: {
        color: '#fff'
      }
    }
  }
}

这样就可以根据数据的大小来动态设置区域的填充颜色，从而实现地图划过根据数据显示不同的高亮颜色。