如何將新行添加到Google Geochart圖表中的工具提示文本？

我正在使用Google的GeoChart API生成美國地圖。我想突出顯示基於一個值的狀態，但隨後顯示有關工具提示中每個狀態的一些額外信息，當您將鼠標懸停在某個狀態上時會顯示該信息。我想完成的刀尖看起來像這樣：如何將新行添加到Google Geochart圖表中的工具提示文本？

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，\n，\r，\r\n，%0A，%0D

任何事情上建議嘗試或什麼實際工作？這在其他一些Google圖表中似乎是可能的。

渲染HTML看起來像這樣

<script type='text/javascript' src='https://www.google.com/jsapi'></script> 

<script type='text/javascript'> 

    google.load('visualization', '1', { 'packages': ['geochart'] }); 
    google.setOnLoadCallback(drawRegionsMap); 

    function drawRegionsMap() 
    { 

     var data = google.visualization.arrayToDataTable([ 
      [ 'State', 'Relevance' ], 
      [ 'Arizona', 2 ], 
      [ 'California', 4 ], 
      [ 'Colorado', 1 ], 
      [ 'Florida', 1 ], 
      [ 'Georgia', 1 ], 
      [ 'Idaho', 1 ], 
      [ 'Illinois', 1 ], 
      [ 'Indiana', 1 ], 
      [ 'Iowa', 1 ], 
      [ 'Kansas', 1 ], 
      [ 'Kentucky', 1 ], 
      [ 'Louisiana', 1 ], 
      [ 'Maryland', 2 ], 
      [ 'Montana', 1 ], 
      [ 'Nevada', 2 ], 
      [ 'New Mexico', 2 ], 
      [ 'North Carolina', 1 ], 
      [ 'North Dakota', 1 ], 
      [ 'Oklahoma', 1 ], 
      [ 'Oregon', 1 ], 
      [ 'Pennsylvania', 1 ], 
      [ 'South Carolina', 1 ], 
      [ 'Tennessee', 1 ], 
      [ 'Texas', 1 ], 
      [ 'Utah', 2 ], 
      [ 'Washington', 1 ], 
      [ 'Wyoming', 1 ] 
     ]); 

     data.addRows([ 
      ['Has Distributor', 1], 
      ['Sells Direct', 1] 
     ]); 

     var formatter = new google.visualization.PatternFormat('data <br> <br /> &#13; &#10 &#x0A &#x0D \u000A \u000D \n \r \r\n %0A %0D more data'); 
     formatter.format(data, [0], 1); 

     var options = 
     { 
      width:  286, 
      region:  'US', 
      resolution: 'provinces', 
      colorAxis: { colors: ['#abdfab', '#006600'] }, 
      legend:  'none' 
     }; 

     var chart = new google.visualization.GeoChart(document.getElementById('chart_div')); 
     chart.draw(data, options); 

    }; 

</script> 

<div id="chart_div" style="width: 286px; height: 180px;"></div>

來源

2012-08-24 T. Brian Jones

你能告訴我們未來的設置呈現的HTML是什麼樣子與任何這些例子？ –

我將呈現的HTML添加到問題以供參考。 –