Javascript amcharts地图'；s的圆圈显示拥挤，因此看起来像是单色的

我正在制作

amcharts地图

。我要在很多地方展示。当我在上面显示位置时，这些位置非常密集，圆圈根本看不见

这是我的密码

public Map()
{
  this.mapChart = am4core.create("stationsMap", am4maps.MapChart);
  //Set map definition
  this.mapChart .geodata = am4geodata_worldLow;
  //Set projection
  this.mapChart .projection = new am4maps.projections.Miller();
  //Create map polygon series
  this.polygonSeries = this.mapChart .series.push(new am4maps.MapPolygonSeries());
  this.polygonSeries.exclude = ["AQ"];
  this.polygonSeries.useGeodata = true;
  this.polygonSeries.nonScalingStroke = true;
  this.polygonSeries.strokeWidth = 0.5;
  this.polygonSeries.calculateVisualCenter = true;

  let imageSeries = this.mapChart .series.push(new am4maps.MapImageSeries());
 //imageSeries.dataFields.value = "value";
  imageSeries.dataFields.value = "dId";
  
  var place = imageSeries.mapImages.template;
  place.nonScaling = true;
  place.propertyFields.latitude = "lat";
  place.propertyFields.longitude = "long";

   var obj=DeviceList_f as any[];

  let result = Object.values(obj.reduce((res, el) => { 
    res[el.orgGN] = el;
    return res;
}, {}));


var circle = place.createChild(am4core.Circle);
circle.fillOpacity = 0.7;
circle.propertyFields.fill = "color";
circle.tooltipText = "[bold]{name}:[/]\nProduct: {activeDevices}\nTotal Product:{product}";

place.events.on("hit", (ev)=>{
    console.log(ev.target.dataItem.dataContext.title)
})

imageSeries.heatRules.push({
    "target": circle,
    "property": "radius",
    "min": 6,
    "max": 15,
    "dataField": "value",
})

var polygonTemplate = this.polygonSeries.mapPolygons.template;
polygonTemplate.events.on("hit", function(ev) {
   //zoom to an object
  ev.target.series.chart.zoomToMapObject(ev.target);   
  //get object info
console.log(ev.target.dataItem.dataContext.name);
});

}

这就是我的地图的样子。这个屏幕截图是小放大。当你看正常的时候，它看起来更糟糕

这就是我想展示的