在地图之外触发Google GeoChart工具提示

Question

我正在寻找来自地理外部的国家工具提示。我已经通过API进行了搜索，但我没有看到这样做的方法。

<script> 
google.load('visualization', '1', { packages: ['geochart'] }); 

google.setOnLoadCallback(function() 
{ 
    var data = google.visualization.arrayToDataTable([ 
     ["Country","Count"], 
     ["Mexico",600], 
     ["Canada",400] 
    ]); 

    new google.visualization.GeoChart(document.getElementById('map')).draw(data); 
}); 
</script> 

<div id="map" style="width: 500px; height: 300px;"></div> 

<ul> 
    <li><a href="#">Canada</a></li> 
    <li><a href="#">Mexico</a></li> 
</ul> 
<p>Is there a way to trigger the map tooltips when hovering over the links above?</p> 

Here's a very basic fiddle to start with

Answer 1

你可以做谷歌图表工具提示通过定义这个压倒一切的造型：

http://ajax.googleapis.com/ajax/static/modules/gviz/1.0/core/tooltip.css

使用例如：

<style> 
.google-visualization-tooltip { 
    border: dashed 1px !important; 
    position: fixed !important; 
    top: 30px !important; 
    right: 250px !important; 
    margin: 10px 0 0 400px !important; 
} 
</style> 

工具提示将漂浮在图表的右侧。