GeoChart color example

An example of the geochart color options.

by mram888

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="dashboard_div">
  <div id="filter_div"></div>
  <div id="regions_div"></div>
  <div id="timeline_div"></div>
</div>

JavaScript

google.charts.load('current', {
  packages: ['controls', 'geochart'],
  callback: drawChart
});

function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['Country', 'Gender','Tweets'],
    /*[{f:'Islas Baleares', v:'ES-IB'},'Female',20],
    [{f:'Madrid', v:'ES-MD'},'Male',10],*/
    [{f:'Islas Baleares', v:'US-NY-NY'},'Female',20],
  ]);

  var dashboard = new google.visualization.Dashboard(document.getElementById('dashboard_div'));

  var quarterSelector = new google.visualization.ControlWrapper({
    controlType: 'CategoryFilter',
    containerId: 'filter_div',
    options: {
      filterColumnIndex: 1,
      ui: {
      	labelStacking: 'vertical',
        allowTyping: false,
        allowMultiple: false,
        allowNone: false
      }
    }
  });


  var mapChart = new google.visualization.ChartWrapper({
    chartType: 'GeoChart',
    containerId: 'regions_div',
    options: {
    		region: 'US',
        resolution:'metros',
    }
  });

  dashboard.bind(quarterSelector, mapChart);
  dashboard.draw(data);
}