如何自定义Google Geo Chart中的工具提示文本

Question

我需要删除工具提示中的第一个空字符串。 我使用了格式化程序，将第一个字符串更改为”，但是我无法将其删除。 如果我将''更改为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);

Answer 1

不幸的是，目前尚没有简便的方法（无需绘制自己的工具提示功能来绘制框）。 希望将来他们会实现isHtml：真正适用于geocharts ，但目前不支持。

工具提示无法在其当前实现中执行您想要的操作。 您可以减小文本大小，但是这也将减小要显示的文本大小。 您可以更改颜色，但同样会影响整个工具提示。 除了解决您自己的形式的工具提示（创建一个将获取鼠标悬停在上方的第0列值并将其显示在页面中的单独值，或让它计算鼠标的位置并在那里显示它）。