Google地图中工具提示的背景颜色更改

Question

我正在使用谷歌图表。 现在，在徘徊的国家/地区，我正在显示一个工具提示，该提示是从后端获取数据并显示。 现在，我要更改该工具提示的背景颜色。 默认为白色

这是代码

  activity_chartdata = new google.visualization.DataTable();
  activity_chartdata.addColumn('string', 'Country');
  activity_chartdata.addColumn('number', 'Activity');
  activity_chartdata.addColumn({type: 'string', role: 'tooltip'}); //
  activity_chart = new google.visualization.GeoChart(document.getElementById('social_activity_map_chart_div'));

  var mapData = data['Payload'][0]['mapDataPoints'];

  jQuery.each(mapData, function (index, value) {
                activity_chartdata.addRow([{
                    v: value['shortCode'],
                    f: value['countryName']
                },parseFloat(value['activityCount']), "Activity:  " + reformatNumber(value['activityCount'])]);
   });
            var options = {
                colorAxis: {colors: colorArray},
                showZoomOut: "true",
                //backgroundColor: '#CBD0D1',
                datalessRegionColor: '#ffffff',
                defaultColor: '#ffffff',
                zoomOutLabel: 'Zoom Out',
                keepAspectRatio: true,
                height: finalHeight
            };
            activity_chart.draw(activity_chartdata, options);

Answer 1

尝试给工具提示一个这样的样式：

g>g>path[fill="#ffffff"] {
fill: #000;
}

Answer 2

请查看官方文档 。 您可以在其中找到一些示例。

1. 您必须在图表选项中指定tooltip.isHtml: true
2. 使用html custom属性标记数据表中的整个列或特定单元格。 具有工具提示角色和HTML属性的dataTable.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}}) ： dataTable.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}})

Answer 3

参考此链接 ..

您可以使用自定义工具提示。