title: Can I customize the tooltip text in a Google Geochart chart?
body: <p>Below is the code I'm using, based on <a href="https://developers.google.com/chart/interactive/docs/roles#whatrolesavailable" rel="nofollow noreferrer">a how to I found in Google's documentation</a>, but I'm not sure if it applies to the <a href="https://google-developers.appspot.com/chart/interactive/docs/gallery/geochart" rel="nofollow noreferrer">Geochart</a>, if I'm doing it right, or if there is some other way to do it for a Geochart.</p>
  
  <p>This code works fine if I don't include the tooltip column.  When I do, I get the error <em>"Incompatible data table: Error: Table contains more columns than expected (Expecting 2 columns),"</em> displayed where the Geochart should be.</p>
  
  <p><a href="https://stackoverflow.com/questions/6013053/how-to-change-tooltip-text-for-google-chart-api">This question</a> addresses the same issue, but not specifically for a Geochart.</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;script type='text/javascript' src='https://www.google.com/jsapi'&gt;&lt;/script&gt;
  &lt;script type='text/javascript'&gt;
  
      google.load( 'visualization', '1', { 'packages': ['geochart'] } );
      google.setOnLoadCallback( drawRegionsMap );
  
      function drawRegionsMap()
      {
  
          var data = google.visualization.arrayToDataTable([
              [ 'State', 'Relevance', {type: 'string', role: 'tooltip'} ],
              [ 'Alabama', 3, 'tooltip test text' ],
              [ 'Arizona', 1, 'tooltip test text' ],
          ]);
  
          var options =
          {
              region:         'US',
              resolution:     'provinces',
          };
  
          var chart = new google.visualization.GeoChart( document.getElementById( 'chart_div' ) );
          chart.draw( data, options );
  
      };
  
  &lt;/script&gt;
  </code></pre>