echarts 地图点击区域颜色怎么修改

要修改 echarts 中地图点击区域的颜色，可以通过以下两种方式实现：

1. 使用 echarts 的 API 接口设置区域的颜色

在使用 echarts 渲染地图时，可以通过设置 series.data 中每个区域的 `itemStyle` 属性来设置该区域的颜色。例如，下面的代码可以将南海诸岛设置为红色：

series: [{
    name: '地图',
    type: 'map',
    mapType: 'china',
    selectedMode: 'multiple',
    itemStyle: {
        normal: {
            label: { show: true },
            borderWidth: 0.5,
            borderColor: '#fff'
        },
        emphasis: {
            label: { show: true },
            color: '#333'
        }
    },
    data:[
        {name: '南海诸岛', value: 0, itemStyle: {normal: {areaColor: 'red'}}},
        // 其他省份的数据
    ]
}]

2. 使用 CSS 样式修改区域的颜色

如果需要修改的是区域的 hover 颜色，可以通过设置 CSS 样式来实现。例如，下面的代码可以将地图区域 hover 时的颜色设置为红色：

/* echarts 地图区域 hover 时的样式 */
.geo-map:hover {
    fill: red !important;
}

注意，这种方式只修改了 hover 时的颜色，而不是区域的实际颜色。如果需要修改实际颜色，还需要使用第一种方式来设置。