Javascript 谷歌艺术-相同的国家，不同的价值观

我在展示一个国家的价值观时遇到了一些问题。问题是，我想展示某支球队的足球运动员来自哪里。因为他们中的许多人都有相同的国籍，所以当他们在国家上空呼啸时，GeogoChart只显示数组中的姓氏，但我希望它显示所有的名字。 代码如下：

var chart = function (item) {
  body = document.getElementById("regions_div");
  body.innerHTML = " ";
  var places = [];
  var names = [];
  for (var i = 0; i<item.length; i++) {
    person = item[i];
    country = person.nationality;
    name = person.name;
    places.push(country);
    names.push(name);
  };
  console.log(places);
  console.log(names);

  google.charts.load('upcoming', {'packages':['geochart']});
  google.charts.setOnLoadCallback(drawRegionsMap);

  function drawRegionsMap() {

    var data = [];
    var header = ["Country", "Name"];
    data.push(header);
    for (var i = 0; i < places.length; i++) {
      var temp = [];
      temp.push(places[i]);
      temp.push(names[i]);
      console.log(temp);
      data.push(temp);
    }

    console.log(data);
    var chartdata = google.visualization.arrayToDataTable(data);

    var options = {};

    var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
    chart.draw(chartdata, options);
  }
}

var图表=功能（项目）{
body=document.getElementById（“regions_div”）；
body.innerHTML=“”；
var位置=[]；
变量名称=[]；
对于（var i=0；i以下是构建自定义工具提示以显示每个国家/地区的所有名称的示例

group（）
方法用于按国家/地区对名称进行分组

然后更新
chartdata

为每个国家找到的所有名称

请参阅以下工作片段


google.charts.load（'current'{
回调：DrawRegionMap，
包装：[“地球艺术”]
});
函数drawRegionsMap（）{
var container=document.getElementById（'regions_div'）；
container.innerHTML=''；
变量名称=[“萨姆·约翰斯通”、“克里斯·斯莫林”、“菲尔·琼斯”、“卢克·肖”]；
var places=[“英国”、“英国”、“英国”、“英国”]；
var数据=[]；
变量头=[“国家”，“名称”]；
数据推送（表头）；
对于（变量i=0；i


本周遇到了同样的问题，显示大学的学生——必须构建自定义的工具提示——如果您可以共享数据样本（
项）
，请使用来分组国家并为数据中的每一行构建工具提示，我可以举出一个例子…@WhiteHat，那太好了。这个项目只是API的一个结果，通过API我可以得到名字和国家。团队的最终数据是：
var places=[“萨姆·约翰斯通”、“克里斯·斯莫林”、“菲尔·琼斯”、“卢克·肖”]；
var names=[“英国”、“英国”、“英国”，“英国”；]；
希望这能有所帮助，抱歉花了这么长时间才做出回应——这是一个非常基本的例子，但应该能让人明白这一点。。。