Google geomap API中的标签

Question

我目前正在编写这段代码，一切都运行得很好，但是当我用鼠标悬停一个国家时，我只希望国家名称出现在标签中，而不是相关的值。我可以这样做吗？如果是这样的话，是怎么做的？

提前感谢！

下面是javascript代码：

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

  function drawRegionsMap() {
    var data = google.visualization.arrayToDataTable([
      ['Country', 'Value'],
      ['Albania', 1],
      ['Algeria', 1],
    ]);

    var options = {
        colorAxis: {colors:['#386a90']}, legend:'none', datalessRegionColor:'#f1f1f1'
        };
    var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
    chart.draw(data, options);

};
</script>

Answer 1

没有内置的方法可以做到这一点。您可以使用此option完全避免工具提示

tooltip: {trigger: 'none'}

否则，但是API不支持这样做，您可能会设法避免显示字符串"Value“、":”和"1“，方法是查找包含字符串"Value”、":“或"1”的所有"text“类型的标记并隐藏它们，例如使用jQuery.contains()。这看起来不是很好，因为工具提示正方形将保持较大，但这可能会起作用。

Answer 2

您可以创建一个额外的工具提示字段，并以这种方式添加数据。

var data = new google.visualization.DataTable();

data.addColumn('string', 'Country'); 
data.addColumn('number', 'Value'); 
data.addColumn({type:'string', role:'tooltip'}); 

data.addRows([['Albania',1,"Extra Information"]]);
data.addRows([['Algeria',1,"Extra Information"]]);

我在我的应用程序中使用了以下代码格式：http://cmoreira.net/interactive-world-maps-demo/france-example/

Answer 3

当使用数组创建datatable时，它似乎不起作用，但如果您直接创建数据表并用条目填充它，它就会起作用。在这里解释：How to remove coordinates from tooltip of Googles Geo Charts