如何在Google Geochart图表中的工具提示文字中添加新行？

Question

我正在使用Google的GeoChart API生成美国地图。我想基于一个值突出显示状态，但是当您将鼠标悬停在状态上时，会显示工具提示中有关每个状态的一些额外信息。我希望完成的工具提示看起来像这样：

Nevada
Relevance: 4 ( the data driving the state highlight )
Data
More Data

地图效果很好，我可以使用PatternFormat()功能将任何我想要的文字添加到工具提示中，但它会删除或忽略我尝试的所有新行选项：

var formatter = new google.visualization.PatternFormat('some data\nmore data');
formatter.format(data, [0], 1);

我已经尝试了所有这些新的行选项，但没有一个可行： <br>，<br />，
，&#10，&#x0A，&#x0D，\u000A，\u000D，{{ 1}}，\n，\r，\r\n，%0A

有关要尝试的事情或实际工作的建议吗？这似乎可以在其他一些谷歌图表中使用。

呈现的HTML看起来像这样

%0D

Answer 1

对于遇到此问题的任何人，您可以在the docs

的图表选项tooltip: {isHtml: true}中进行设置

Answer 2

看一下使用data table roles。简而言之，您添加了一个角色为tooltip的新列，然后您可以自定义您喜欢的内容。

我在成功使用折线图和柱形图之前已经使用了这个，但是行和列图的chart gallery页明确提到它们支持角色，而地理图表页则没有。这可能并不意味着他们没有得到支持;它可能不是一个记录的功能。

Answer 3

从我的所有研究和测试中，我几乎肯定目前无法在GeoChart 内的工具提示文本中添加新行。有关我最终提出的解决方案，请参阅this question。这并没有解决新的问题，但是以一种适用于我的应用程序的方式重新格式化了工具提示，并且可以帮助其他人。