naisou - 経済統計練習帳

<!DOCTYPE html>
<html>
<head>
<title>おしゃれイズム</title>
<meta charset="UTF-8">
<script type="text/javascript" src="http://www.google.com/jsapi"></script> 
<link rel="stylesheet" href="material.min.css">
<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css">
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
 <script src="sample.js"></script>
     <script src="jquery.js"></script>
  </head>
   <body onload="sample()">
 <select name='cr'>
    <option value=1>総合</option>
    <option value=2>東京</option>
    <option value=3>神奈川</option>
    <option value=4>千葉</option>
</select>
 <p id="memo"></p>
</body>
</html>
 
 
google.load("visualization", "1", {packages:["corechart"]});
var point = new Array();
 var x = new Array();
 var year = new Array();
 var month = new Array();
var kk;
 
function sample() {
 
        var query = "SELECT * FROM " +
            '12aAaqzPw79hmITcwK9cv3SNrAuLP8Ybo18pqGOpU';
        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(s=1;s<500;s++){
 point[s]=new Array();    
 }
 
de=1;
 
kk="総合";
 
                for (var i in rows) {
                    sx = sx + 1;
                    point[sx][1]=rows[i][1];
 　　　　　　　　　　　 point[sx][2]=rows[i][2];
  point[sx][3]=rows[i][3];
   point[sx][4]=rows[i][4];
 year[sx]=rows[i][0];
 
 
                }
 
 
                number = sx;
 
 
 
 paint();
 
 
 
 
 
 
            }
        });
 
 
$('[name=cr]').change(function() {
 
    de = $('[name=cr]').val();
 
if(de==1)kk="総合";    
if(de==2)kk="東京";
if(de==3)kk="神奈川";
if(de==4)kk="千葉";
 
paint();
 
 
});
 
 
 
}
 
function paint(){
 
 
 
 
 for(s=0;s<number+1;s++){
 x[s]=new Array();    
 }
 x[0][0]="date";
 x[0][1]=kk;
 for(s=1;s<number+1;s++){
 x[s][0]=year[s];    
 x[s][1]=1*point[s][de];   
 }
 
 
var data =google.visualization.arrayToDataTable(x);
var op = {title: '不動研住宅価格指数'};
 
var chart = new google.visualization.LineChart(document.getElementById('memo'));
chart.draw(data, op);
 
 
 
 
}