title: GeoCharts how to show country names instead of codes
body: <p><br/>
  I would like to make a visualization with the google GeoChart. I put in country codes. I would like to display the full country names but only the country code pops up.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>google.charts.load('current', {
    'packages': ['geochart'],
    'mapsApiKey': 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
  });
  google.charts.setOnLoadCallback(drawRegionsMap);
  
  function drawRegionsMap() {
    var data = google.visualization.arrayToDataTable([
      ['Country', 'Members'],
      ['LB', 3],
      ['JO', 2],
      ['IT', 24],
      ['PS', 3],
      ['LY', 1],
      ['TN', 6],
      ['LB', 3],
      ['EG', 2],
    ]);
  
    var options = {
      colorAxis: {
        colors: ['#c1c1cd', '#53556e']
      },
      legend: 'none'
    };
  
    var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
  
    chart.draw(data, options);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"&gt;&lt;/script&gt;
  &lt;div id="regions_div" style="width: 900px; height: 500px;"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>