Javascript Google geomap API中的标签
我目前正在编写这段代码,一切都很好,但当我用鼠标悬停在一个国家时,我只希望该国家的名称出现在标签中,而不是相关的值。我可以这样做吗?如果是,怎么做 提前谢谢 下面是javascript代码:Javascript Google geomap API中的标签,javascript,google-geocoding-api,google-visualization,Javascript,Google Geocoding Api,Google Visualization,我目前正在编写这段代码,一切都很好,但当我用鼠标悬停在一个国家时,我只希望该国家的名称出现在标签中,而不是相关的值。我可以这样做吗?如果是,怎么做 提前谢谢 下面是javascript代码: google.load('visualization', '1', {'packages': ['geochart']}); google.setOnLoadCallback(drawRegionsMap); function drawRegionsMap() { var data = g
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>
google.load('visualization','1',{'packages':['geochart']});
setOnLoadCallback(DrawRegionMap);
函数drawRegionsMap(){
var data=google.visualization.arrayToDataTable([
[‘国家’、‘价值’],
[‘阿尔巴尼亚’,1],
[‘阿尔及利亚’,1],
]);
变量选项={
颜色轴:{colors:['#386a90']},图例:'none',数据区域颜色:'#f1f1'
};
var chart=new google.visualization.geograpart(document.getElementById('chart_div'));
图表绘制(数据、选项);
};
没有内置的方法可以做到这一点。
您可以通过以下方式完全避免工具提示:
否则,但API不支持此操作,您可以通过查找(例如使用jQuery.contains())所有包含字符串“Value”、“:”或“1”的“text”类型的标记并将其隐藏,从而避免显示字符串“Value”、“:”和“1”。这看起来不太好,因为工具提示方块将保持较大,但这可能会奏效。您可以创建一个额外的工具提示字段,并以这种方式添加数据
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"]]);
我在我的应用程序中使用了以下代码格式:
使用数组创建数据表时,它似乎不起作用,但如果直接创建数据表并用条目填充它,它就起作用。解释如下:
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"]]);