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

Question

我需要在工具提示中删除第一个空字符串。 我使用了formater，将第一个字符串更改为''，但我无法删除它。如果我将''更改为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: true，但现在它不受支持。

工具提示无法在当前实现中执行您希望它执行的操作。您可以减小文本大小，但这也会减少要显示的文本的大小。您可以更改颜色，但它会再次影响整个工具提示。你可以做很多事情来解决这个问题，而不是实现你自己的工具提示形式（创建一个函数来获取鼠标所在的第0列值，并在页面中单独显示它，或者让它计算你的鼠标所在的位置并在那里显示它。）