2

我目前正在处理此代码，一切正常，但是当我用鼠标悬停一个国家时，我只希望国家名称出现在标签中，而不是相关值。我可以这样做吗？如果是这样，怎么做？

提前致谢！

这是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>
4

3 回答 3

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/

于 2012-11-23T17:05:50.530 回答
0

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

tooltip: {trigger: 'none'}

否则，但 API 不支持此功能，您可能会设法避免显示字符​​串“Value”、“:”和“1”，方法是查找 - 例如使用 jQuery.contains() - 的所有标签键入包含字符串“Value”、“:”或“1”的“text”并隐藏它们。这看起来不会很好，因为工具提示方块会保持很大，但这可能会奏效。

于 2012-11-18T18:25:24.087 回答
0

使用数组创建数据表时它似乎不起作用，但如果您直接创建数据表并使用条目填充它，则它可以工作。此处解释：如何从 Google 地理图表的工具提示中删除坐标

于 2016-02-02T01:19:07.633 回答