如何在谷歌地理图表中禁用工具提示?

时间:2012-06-18 09:43:48

标签: google-visualization

我需要在Google地理图表中禁用工具提示。我尝试了tooltip.trigger: 'none'和其他尝试,但我无法禁用工具提示。

如何在Google地理图表中禁用工具提示?

谢谢

4 个答案:

答案 0 :(得分:1)

看了一下并尝试了一些东西,但似乎这个特定的功能不是Geo图表的一部分。使用其他图表,您可以执行以下操作并禁用工具提示:

var options = {
    tooltip {
       trigger: 'none'
    }
};

workaround I came across is to create a div that just sits on top of the map并禁用地图的互动性。不是最好的解决方案,而是一个解决方案,直到它可用。您可以在jsfiddle上看到它。

答案 1 :(得分:1)

根据您的网站/应用程序需要支持哪种浏览器,简单的CSS one-liner将禁用交互性。

Rx.Observable.forkJoin([a,b]).subscribe(t=> {
        var firstResult = t[0];
        var secondResult = t[1];
});

这将使地图显示为没有交互性的静态图像。但同样,它是not supported in all browsers

答案 2 :(得分:0)

According to asgallant on 12-09-12

  

您可以通过设置选项来禁用工具提示   enableRegionInteractivity:false,也禁用单击   区域。 API不会公开地理位置的鼠标悬停事件   图表,所以如果你想自己做,你将不得不钩住鼠标   手动上SVG / VML上的事件。据我所知,没有   但是,将SVG / VML元素映射到DataTable元素的好方法。

答案 3 :(得分:0)

要删除工具提示,只需添加以下选项:

var options = {
    tooltip: { trigger: 'none'}
}

完整代码:

var map_container = document.getElementById('map_div');
var options = {
    tooltip: { trigger: 'none'}
}
var chart = new google.visualization.GeoChart(map_container);
chart.draw(data, options);`