Highcharts地图mappoint选中自定义颜色不生效问题排查

问题核心：你配置的series.states.select.color对mappoint系列无效，因为mappoint的视觉表现是marker（标记点），选中状态的样式需要在marker.states.select下定义，而非直接在series的states中。

修正方法 #

将plotOptions中的mappoint配置修改为：

plotOptions: {
    mappoint: {
        allowPointSelect: true,
        marker: {
            states: {
                select: {
                    fillColor: 'red', // 选中时的填充色
                    lineColor: '#222' // 可选：选中时的边框色，可自定义
                }
            }
        },
        dataLabels: {
            enabled: false
        }
    }
},

为什么原配置不生效？ #

Highcharts的mappoint系列，其标记的样式完全由marker配置项管理，包括正常、悬停、选中状态。你之前直接在series.states.select下设置color，这个配置是针对区域类系列（比如map区域填充）的，对mappoint的标记点不起作用。

可选：给不同series设置不同选中色 #

如果需要给"P"和"S"系列设置不同的选中颜色，可以在各自的series配置中单独定义marker的选中状态：
比如在"P"系列里：

{
    type: 'mappoint',
    marker: {
        symbol: 'circ',
        radius: 6,
        states: {
            select: {
                fillColor: 'blue'
            }
        }
    },
    // ...其他配置
}

内容的提问来源于stack exchange，提问作者tkfa