echart中geo根据不同的值，映射不同的背景色

您可以通过 ECharts 的 visualMap 组件来实现这个功能。visualMap 组件可以将数值映射到颜色、大小等视觉元素上，可以用于地图等图表中。

首先，您需要在 geo 组件中配置 visualMap 组件，例如：

option = {
  geo: {
    ...
    visualMap: {
      min: 0,
      max: 100,
      inRange: {
        color: ['#F5DEB3', '#FF8C00'] // 颜色范围
      }
    }
  },
  ...
};

其中，`min` 和 `max` 分别表示数值范围的最小值和最大值，`inRange` 表示映射的颜色范围，可以是一个数组，也可以是一个颜色渐变的对象（例如 `{color: ['#F5DEB3', '#FF8C00']}`）。

接着，您需要在数据中为每个区域指定对应的数值，例如：

data = [
  {name: '北京', value: 50},
  {name: '上海', value: 80},
  ...
];

其中，`value` 就是您要映射的数值。

最后，您需要在 series 中配置数据，并指定 visualMap 组件对应的数据项，例如：

option = {
  ...
  series: [{
    name: '数据名称',
    type: 'map',
    mapType: 'china',
    label: {
      show: true
    },
    data: data,
    itemStyle: {
      normal: {
        borderWidth: 0.5 // 边框厚度
      }
    }
  }],
  ...
};

在上面的代码中，`data` 是您的数据，`itemStyle` 表示地图每个区域的样式，您可以在其中指定背景色等样式。

当您运行代码后，visualMap 组件会自动根据您的数值范围和映射范围，为每个区域设置对应的背景色，达到您想要的效果。