谷歌地理图表:工具提示: textStyle不工作

Question

我有一个地理图表的以下代码，我试图指定颜色，但工具提示在白色背景上以浅灰色显示。

有什么想法吗？

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

Answer 1

我想，一定有一种方法可以伪造它，迫使这种风格表现自己。

但是，如果使用完全不同的技术重新实现整个事情听起来有任何吸引力……您可能可以按照下面的leaflet choropleth tutorial执行类似的操作