Geo Chart Example

An example of a Google Geo Chart.

by anoopsuda

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <div id="regions_div" style="width: 900px; height: 500px;"></div>

JavaScript

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

      function drawRegionsMap() {
        var data = google.visualization.arrayToDataTable([
          ['Country', 'Popularity'],
          ['India', 0],          
            ['China', 0],
         
        ]);

        var options = {
       // backgroundColor: '#81d4fa',
         datalessRegionColor: '#3366ff',
         defaultColor: '#f5f5f5',
         colorAxis:'#a100ff',
         colorAxis: {colors: ['#2471B7','#a100ff','#2471B7']},
         
        
        };

        var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));

        chart.draw(data, options);
      }