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

Javascript 谷歌地理图表:工具提示:textStyle不工作,javascript,google-visualization,Javascript,Google Visualization,我有下面的地理图表代码,我试图指定颜色,但工具提示显示在白色背景上的浅灰色中 有什么想法吗 我在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', {'p

我有下面的地理图表代码,我试图指定颜色,但工具提示显示在白色背景上的浅灰色中

有什么想法吗

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

load('visualization','1',{'packages':['geochart']});
setOnLoadCallback(DrawRegionMap);
函数drawRegionsMap(){
var data=google.visualization.arrayToDataTable([
[“国家”、“工作日”],
[‘希腊’,243],
[‘爱尔兰’,205],
[“联合王国”,162],
[‘葡萄牙’,156],
[‘比利时’,164],
[‘意大利’,166],
[‘卢森堡’,153],
[‘塞浦路斯’,150],
[‘芬兰’,145],
[‘奥地利’,134],
[‘挪威’,126],
['France',127],
[‘荷兰’,126],
[‘丹麦’,122],
[‘西班牙’,125],
[‘瑞典’,120],
[‘捷克代表’,164],
[‘德国’,119],
[‘罗马尼亚’,110],
[‘保加利亚’,100],
[‘立陶宛’,108],
[‘斯洛伐克’,120],
[‘斯洛文尼亚’,103],
[‘爱沙尼亚’,79],
[‘匈牙利’,104],
[‘拉脱维亚’,73],
[‘波兰’,70]
]);
变量选项={
背景颜色:“#DDDDDD”,
sizeAxis:{minValue:0,maxValue:250},
地区:'150',
datalessRegionColor:“#AAAAA”,
工具提示:{textStyle:{color:'#444444'},触发器:'hover'},
colorAxis:{colors:['green','blue']},
传奇:“天”
};
var chart=new google.visualization.geograpart(document.getElementById('chart_div'));
图表绘制(数据、选项);
};

我想一定有一种方法可以捏造它,迫使风格表现出来


但是如果用完全不同的技术重新实现整个过程听起来很有吸引力。。。您可能会执行类似的操作,如下所示

看起来您发现了一个bug。我就此提交了一份报告;你可以“星”的问题,以获得更新的修复。感谢asgallant。虽然我很高兴不是我傻了,但这确实给我的项目带来了问题!有趣的是,在可视化操场上使用相同的代码效果很好,工具提示中有黑色文本。工具提示的正常颜色是白色背景和黑色文本。猜测一下,由于页面上的某些CSS,您的工具提示颜色已关闭。是否有方法通过覆盖调用背景颜色?简短的回答是“是”,您可以覆盖工具提示的背景颜色。您必须深入研究生成图表的SVG代码(旧版本IE的VML代码),以了解如何识别工具提示,然后编写javascript/css来更改工具提示的背景颜色。