Javascript 如何在图表上突出显示选定位置

我正在使用amCharts。在位置悬停和点击特定位置时，我能够突出显示该区域

rollOverOutlineColor: "#000000",
rollOverColor: "#62B4EB",
selectedColor: "#0078c8",

但点击下一个位置，当前位置将高亮显示，旧位置将松开。我想显示所有选定/单击的位置，以便以特定颜色突出显示

map = new AmCharts.AmMap();
map.areasSettings = {
    autoZoom: false,
    rollOverOutlineColor: "#000000",
    rollOverColor: "#62B4EB",
    selectedColor: "#0078c8",
    color: "#999999",
    selectable:true
};

map.pathToImages = '/images/';

map.dataProvider = data;

---

请提出建议。

您的解决方案以使用区域属性的形式提供

当点击事件（）发生时，您可以设置点击区域的

showAsSelected

属性以保持选中状态

map.addListener("clickMapObject", function(event) {
  event.mapObject.showAsSelected = true;
});

请注意，

showAsSelected

是在后来的3.x版本中引入的。（很抱歉，我不太记得是哪一个）如果您使用的是旧版本的JavaScript映射，它可能无法工作

以下是当前版本的可用演示：

var映射；
风险值数据={
“地图”：“世界地图”，
“getAreasFromMap”：真
};
map=新的AmCharts.AmMap（）；
map.areasSettings={
自动缩放：错误，
滚动大纲颜色：“000000”，
滚动颜色：“62B4EB”，
所选颜色：“0078c8”，
颜色：#999999“，
可选：真
};
map.pathToImages='/images/'；
map.dataProvider=数据；
addListener（“clickMapObject”，函数（事件）{
event.mapObject.showAsSelected=true；
});
地图。书写（“chartdiv”）

谢谢，它适用于我所在的州和国家/地区。你知道我如何为整个地区（如cocom）实施吗。例如，我可以选择整个亚洲或非洲。好的，你需要在所有非洲国家循环，并为所有这些国家设置
showAsSelected
。您是否使用
groupId
参数对它们进行分组？我将更新我的答案以适应此场景。