如何在 Google 地理图表中自定义工具提示文本答案

【问题标题】：How customize tooltip text in Google Geo Chart如何在 Google 地理图表中自定义工具提示文本
【发布时间】：2013-01-21 17:47:48
【问题描述】：

我需要删除工具提示中的第一个空字符串。我使用格式化程序，将第一个字符串更改为“”，但我无法删除它。如果我将 '' 更改为 null，则在第一个字符串中显示第一列数据。

代码：

var data = new google.visualization.DataTable();
data.addColumn('string', 'State');
data.addColumn('number', 'TempNumber');
data.addColumn({
    type: 'string',
    role: 'tooltip'
});
data.addRows([
    ['Ohio', 0, 'Ohio'],
    ...
]);
var options = {
    width:      580,
    region:     'US',
    resolution: 'provinces',
    colorAxis:  {colors: ['#abb7df']},
    legend:     'none'
};
var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
var formatter = new google.visualization.PatternFormat('');
    formatter.format(data, [0,1,2]);

chart.draw(data, options);

【问题讨论】：

如果以下答案对您有用，请单击答案中向上/向下投票箭头下方的复选标记，以便其他人可以看到这解决了您的问题。如果我的回答不够清楚，或者您仍有问题，请在答案中添加评论，说明该问题是什么/不清楚的地方。

标签： javascript tooltip google-visualization

【解决方案1】：

不幸的是，目前没有简单的方法可以做到这一点（无需绘制您自己的工具提示函数来绘制框）。将来，希望他们将isHtml: true 应用于地理图表，但目前不支持。

Tooltip 在其当前实现中无法执行您希望它执行的操作。您可以减小文本大小，但这也会减小您要显示的文本的大小。您可以更改颜色，但它会再次影响整个工具提示。除了实现自己的工具提示形式（创建一个函数，该函数将获取鼠标悬停的任何内容的第 0 列值，并将其显示在页面中的单独部分中，您实际上没有太多可以解决的问题，或者让它计算你的鼠标在哪里并在那里显示）。

【讨论】：

感谢 jmac！已经消除了上面写的执行的需要。客户想要删除工具提示。如果再次需要它们，我会尝试挂起事件 mouseover。