GeoChart color example

An example of the geochart color options.

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
       <div id="geochart-colors" style="width: 695px; height: 433px;"></div>

JavaScript

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

      function drawRegionsMap() {
        var data = google.visualization.arrayToDataTable([
          ['State',   'Passed Legislation'],
          ['us-wa', 0], ['us-hi', 0], ['us-nh', 0], ['us-tx', 1], ['us-la', 0], ['us-tn', 0], ['us-pa', 0], ['us-ri', 1], ['us-nv', 2], ['us-va', 0], ['us-ca', 0], ['us-il', 1], ['us-ga', 1], ['us-in', 0], ['us-ia', 0], ['us-ma', 0], ['us-ct', 0], ['us-ok', 1], ['us-mn', 0], ['us-mi', 0], ['us-ks', 0], ['us-ms', 0], ['us-or', 1], ['us-fl', 0], ['us-nm', 0], ['us-az', 1], ['us-md', 1], ['us-ut', 0]
        ]);

        var options = {
          region: 'US', // US
          colorAxis: {colors: ['#ffcccc', '#99ff66']},
          backgroundColor: '#ffffff',
          
          datalessRegionColor: '#f2f2f2',
          defaultColor: '#f5f5f5',
        }; options['resolution'] = 'provinces';

        var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
        chart.draw(data, options);
      };