p098977 - 経済統計練習帳

<html>
  <head>
    <title>PubNub</title>
    <meta charset="utf-8" />
<script src='https://www.google.com/jsapi'></script>
 
  <script src="jquery.js"></script>  
 <script src="sample.js"></script>  
  </head>
  <body onload="sample()">
  <div id="memo" style="width: 900px; height: 500px;"></div> 
</body>
</html>
 
google.load('visualization', '1', {packages:['table']});
 
var point=new Array();
var number;
 
function sample() {
 
        var query = "SELECT * FROM " +
            '1xXgpWsOKHdN4mrkAL90Cbcbqxss9T1eoUgYFpacG';
        var encodedQuery = encodeURIComponent(query);
 
        var url = ['https://www.googleapis.com/fusiontables/v1/query'];
        url.push('?sql=' + encodedQuery);
        url.push('&key=AIzaSyAH0WCAXRIdHdbI-6bnMSN4kVDDZZmGyqY');
        url.push('&callback=?');
 
 
 
 
 
        $.ajax({
            url: url.join(''),
            dataType: 'jsonp',
            success: function (data) {
                var rows = data['rows'];
 
                sx = 0;
 
 
 
                for (var i in rows) {
                    var x1 = rows[i][2];
                    sx = sx + 1;
                    point[sx] = x1;
                }
number=sx; 
 
 
 var data = new google.visualization.DataTable();
data.addColumn('string', '名前');
data.addRows(number);
for(s=1;s<number+1;s++){
data.setCell(s-1, 0, point[s]);
}
 
var table = new google.visualization.Table(document.getElementById('memo'));
table.draw(data, {showRowNumber: true});
 
 
 
            }
        });
 
}