Actualmente estoy usando amcharts5 para sus mapas para un proyecto y tengo problemas para establecer un color de relleno para naciones/estados específicos.

Estoy usando la configuración Drill-Down to Countries. Cuando hace clic en un país, se acerca y muestra todas las secciones de ese país. Puedo establecer un color de relleno para todos ellos, sin embargo, parece que no puedo averiguar cómo configurarlos para que tengan un color de relleno diferente cada uno.

El código que actualmente establece el color de relleno es:

 worldSeries.mapPolygons.template.events.on('click', (ev) => { var dataItem = ev.target.dataItem; var data = dataItem.dataContext; var zoomAnimation = worldSeries.zoomToDataItem(dataItem); Promise.all([ zoomAnimation.waitForStop(), am5.net.load('https://cdn.amcharts.com/lib/5/geodata/json/' + data.map + '.json', chart) ]).then((results) => { var geodata = am5.JSONParser.parse(results[1].response); countrySeries.setAll({ geoJSON: geodata, fill: data.polygonSettings.fill, fill: am5.color('#0099cc') }); countrySeries.show(); worldSeries.hide(100); backContainer.show(); }); });

Con esto pude colorear todo #0099cc. Intenté revisar los documentos sobre colores para los colores de amscharts5, pero parece que no puedo hacer que haga lo que quiero que haga.

Supongo que tendrá que haber algún tipo de bucle que pueda configurar cada color de relleno de forma independiente, pero no sé dónde colocarlo.