p3998 - 経済統計練習帳

<html>
  <head>
         <meta charset="utf-8" />
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["geochart"]});
      google.setOnLoadCallback(drawRegionsMap);
 
      function drawRegionsMap() {
 
        var data = google.visualization.arrayToDataTable([
          ['Region', 'Data'],
          ['北海道', 500],
          ['青森', 500],
          ['岩手', 500],
          ['宮城', 500],
          ['秋田', 500],
          ['山形', 500],
          ['福島', 200],
          ['茨城', 200],
          ['栃木', 0],
          ['群馬', 0],
          ['沖縄', 500]
        ]);
 
        var options = {
        region: 'JP',
        resolution: 'provinces',
        colorAxis: {colors: ['green','yellow', 'red']}
      };
 
        var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
 
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="regions_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>