p97876 - 経済統計練習帳

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>svgの練習</title>
      <script src="sample.js"></script>
        <script src="jquery.js"></script>
        <script src="vis.js"></script>
         <link href="vis.css" rel="stylesheet" type="text/css" />
        <title>パチンコ</title>
    </head>
    <body onload="sample()">
   <p id="memo"></p>
    </body>
</html>
 
var point = new Array();
 var x = new Array();
 var year = new Array();
 var month = new Array();
 
function sample() {
 
        var query = "SELECT * FROM " +
            '1SHZGWUuzHk5VYt0ObrkSp3jNPQQlu0V6UMBsZe4O';
        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) {
                    sx = sx + 1;
                    point[sx] = rows[i][1];
 
 
 
                }
 
 
                number = sx;
 
 
 
 
 
                paint();
 
 
 
 
 
 
            }
        });
 
}
 
 
 
function paint() {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
    var container = document.getElementById('memo');
    var items = [{ x: '500', y: point[1] }];
 
 
 
 
    var dataset = new vis.DataSet(items);
    var options = {};
 
    for(s=2;s<number+1;s++){
  dataset.add([{ x: ""+(500+s), y: point[s] }]);
  }
 
    var graph2d = new vis.Graph2d(container, dataset, options);
 
}