Nuxt.js 如何使用AmCharts 4动态更改贴图多边形的填充颜色？

实际上，我正在使用AmCharts 4在我的网站上显示世界地图。我想通过点击按钮来改变这张地图的颜色（对于明暗模式）

我发现该命令仅适用于一个国家（本例中为法国）：

worldPolygonSeries.getPolygonById（“FR”）.fill=am4core.color（“f00”）；

我还成功地通过以下操作更改了我的

mapPolygons

的填充属性：

worldPolygonSeries.mapPolygons.template=am4core.color（“#f00”）；

但它并没有显示地图重新加载和停留在我设置的第一个颜色

这是我的全部代码：

//组件/Map.vue
点击我！
从“@amcharts/amcharts4/core”导入*作为am4core；
从“@amcharts/amcharts4/maps”导入*作为am4maps；
从“@amcharts/amcharts4 geodata/worldLow”导入am4geodata_worldLow；
导出默认值{
数据（）{
返回{
地图：未定义，
worldPolygonSeries:未定义，
WorldPolyContemplate:未定义
}
},
方法：{
colorMe（）{
this.worldPolygonSeries.mapPolygons.template=am4core.color（“#f00”）；
}
},
安装的（）{
//创建地图实例
this.map=am4core.create（“chartdiv”，am4maps.MapChart）；
//设置地图定义
this.map.geodata=am4geodata\u worldLow；
//集合投影
this.map.projection=新的am4maps.projections.Miller（）；
//创建地图多边形系列
this.worldPolygonSeries=this.map.series.push（新的am4maps.MapPolygonSeries（））；
//使地图从GeoJSON加载多边形（如国家名称）数据
this.worldPolygonSeries.useGeodata=true；
//配置系列
this.worldPolygonTemplate=this.worldPolygonSeries.mapPolygons.template；
this.worldPolyContemplate.fill=am4core.color（“#00f”）
}
}