[英]Google geo chart: tooltip: textStyle not working
我为地理图表提供了以下代码,在其中尝试指定颜色,但工具提示在白色背景上显示为浅灰色。
有任何想法吗?
我在Mac上使用的是Chrome版本32.0.1700.107。
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', {'packages': ['geochart']});
google.setOnLoadCallback(drawRegionsMap);
function drawRegionsMap() {
var data = google.visualization.arrayToDataTable([
['Country', 'Working days'],
['Greece', 243],
['Ireland', 205],
['United Kingdom', 162],
['Portugal',156],
['Belgium',164],
['Italy',166],
['Luxembourg',153],
['Cyprus',150],
['Finland',145],
['Austria',134],
['Norway',126],
['France',127],
['Netherlands',126],
['Denmark',122],
['Spain',125],
['Sweden',120],
['Czech Rep',164],
['Germany',119],
['Romania',110],
['Bulgaria',100],
['Lithuania',108],
['Slovakia',120],
['Slovenia',103],
['Estonia',79],
['Hungary',104],
['Latvia',73],
['Poland',70]
]);
var options = {
backgroundColor: '#DDDDDD',
sizeAxis: { minValue: 0, maxValue: 250 },
region: '150',
datalessRegionColor: '#AAAAAA',
tooltip: {textStyle: {color: '#444444'}, trigger:'hover'},
colorAxis: {colors: ['green', 'blue']},
legend: 'Days'
};
var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
chart.draw(data, options);
};
</script>
我想象必须有一种伪造它的方式来迫使样式表现出来。
但是,如果使用完全不同的技术重新实现整个过程听起来很有吸引力,那么您可以按照本传单的choropleth教程进行类似的操作
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.