title: Geochart fill countries with unique colors and show country names with its color as legends
body: <p>i need to fill each countries with unique color specified in a list and display country name and its color as legend below of the map.as shown in images attached with this.any help will be appreciated. </p>
  
  <p><a href="https://i.stack.imgur.com/oA8ze.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oA8ze.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/J8N79.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/J8N79.png" alt="enter image description here"></a></p>
  
  <pre><code>    &lt;html&gt;
       &lt;head&gt;
      &lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          google.charts.load('current', {
              'packages': ['geochart'],
              // Note: you will need to get a mapsApiKey for your project.
              // See: https://developers.google.com/chart/interactive/docs/basic_load_libs#load-settings
              'mapsApiKey': 'AIzaSyBSJt5Ja1t7FFBGb_CZYKzFbTOCIX-nTWs&amp;callback'
          });
          google.charts.setOnLoadCallback(drawRegionsMap);
  
  
  
          function drawRegionsMap() {
              var data = google.visualization.arrayToDataTable([
                  ['Country', 'value'],
                  ['IN', 28],
                  ['US', 40],
                  ['AT', 15],
                  ['CA', 10],
                  ['CN', 5]
  
              ]);
  
              var options = {              
                  colors: ['red', 'green', 'orange', 'blue', 'yellow']
  
  
              };
  
              var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
              chart.draw(data, options);                
          };
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="geochart-colors" style="width: 700px; height: 433px;"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>