ht,m009 - 経済統計練習帳

<html>
  <head>
       <meta charset="utf-8"/>
    <script src="https://www.google.com/jsapi"></script>
    <script src="sample.js"></script>
  </head>
  <body onload="sample()">
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>
 
 
google.load('visualization', '1', {'packages': ['geochart']});
 
      function sample() {
 
          var data = google.visualization.arrayToDataTable([
        ['City',   'Population'],
        ['広島',      100],
        ['東京',     1200],
        ['名古屋',   300],
        ['福岡',     200]
      ]);
 
      var options = {
        region: 'JP',
        displayMode: 'markers',
        colorAxis: {colors: ['green', 'blue']}
      };
 
      var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
      chart.draw(data, options);
 
 
   }