在amCharts 4中检索被点击城市的信息

在 amCharts 4 中，可以通过使用 MapChart 组件来实现检索被点击城市的信息。

amCharts 4 是一个功能强大的数据可视化库，它提供了丰富的图表和地图组件，用于展示和分析数据。在 MapChart 组件中，可以设置事件监听器来捕捉城市的点击事件，并获取被点击城市的相关信息。

以下是一种实现的示例代码：

// 创建地图实例
var mapChart = am4core.create("mapChartDiv", am4maps.MapChart);

// 设置地图数据源
mapChart.geodata = am4geodata_worldLow;

// 设置地图投影类型
mapChart.projection = new am4maps.projections.Miller();

// 创建多边形系列
var polygonSeries = mapChart.series.push(new am4maps.MapPolygonSeries());
polygonSeries.useGeodata = true;

// 创建多边形样式
var polygonTemplate = polygonSeries.mapPolygons.template;
polygonTemplate.fill = am4core.color("#74B266");
polygonTemplate.stroke = am4core.color("#ffffff");
polygonTemplate.strokeWidth = 0.5;

// 添加点击事件监听器
polygonTemplate.events.on("hit", function(ev) {
  var city = ev.target.dataItem.dataContext;
  
  // 获取被点击城市的信息
  var cityName = city.name;
  var cityPopulation = city.population;
  var cityCountry = city.country;
  
  // 在控制台打印城市信息
  console.log("城市名：" + cityName);
  console.log("人口数量：" + cityPopulation);
  console.log("所属国家：" + cityCountry);
  
  // 其他自定义逻辑处理...
});

// 激活多边形上的点击事件
polygonTemplate.propertyFields.isActive = "isActive";
polygonTemplate.togglable = true;

// 绘制地图
mapChart.validateData();

在以上示例中，我们创建了一个地图实例 mapChart，并加载了地图数据源。通过设置多边形样式，我们可以定义被点击城市的外观样式。添加点击事件监听器后，当用户点击某个城市时，可以通过 ev.target.dataItem.dataContext 获取该城市的数据。在示例中，我们获取了城市的名称、人口数量和所属国家，并在控制台打印出来。

amCharts 4 的详细文档和示例可以在官方网站上找到：amCharts 4 官方网站。