Google地理图表：tooltip：textStyle无法正常工作

我对地理图表有以下代码，我尝试指定颜色，但工具提示显示为白色背景上的淡灰色。Google地理图表：tooltip：textStyle无法正常工作

任何想法？

我在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>

来源

2014-02-18 woodbine

看起来你已经发现了一个bug。我在[这里]提交了一份报告（https://code.google.com/p/google-visualization-api-issues/issues/detail?id=1489）;您可以“解决问题”以获取修补程序的更新。 – asgallant

感谢asgallant。虽然我很高兴，这不是我愚蠢，它确实会导致我的项目的问题！有趣的是，在可视化操场上使用相同的代码工作正常，工具提示中有黑色文本。 – woodbine

工具提示的正常颜色为白色背景和黑色文本。猜测，您的工具提示颜色因为您的网页上存在一些CSS而关闭。 – asgallant

我想必须有一种欺骗它的方式来强制风格表现自己。

但是，如果采用完全不同的技术重新实现了整个事情听起来以任何方式吸引......你也许可以做一些类似下面这样leaflet choropleth tutorial

来源

2014-02-25 12:05:28

Google地理图表：tooltip：textStyle无法正常工作

回答

相关问题