繁体   English   中英

Google地理图表:工具提示:textStyle不起作用

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM