<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<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 type="text/javascript" src="http://www.google.com/jsapi"></script>
<script src="jquery.js"></script>
<script src="svgpaint.js"></script>
<script src="sample.js"></script>
</head>
<body onload="sample()">
<select id="bus" name="c">
</select>
<select id="cre" name="c">
</select>
<div id="memo"></div>
</body>
</html>
google.load("visualization", "1", {packages:["corechart"]});
var point = new Array();
var year = new Array();
var y = new Array();
var v = new Array();
var bus = new Array();
var credit = new Array();
var dic_bus = new Array();
var dic_credit = new Array();
function sample() {
$("select").change(function () {
var b1 = $("#bus").val();
var c1 = $("#cre").val();
paint(dic_bus[b1],dic_credit[c1]);
});
var query = "SELECT * FROM " +
'1NqUu4NEeETa2q_sH_7NnK1rT871xOdfx0dnY4Ru3';
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;
bus[sx]=rows[i][2];
credit[sx]=rows[i][4];
year[sx]=rows[i][0];
point[sx]=rows[i][5];
}
number = sx;
number_bus=0;
for(s=1;s<number+1;s++){
h=0;
for(sx=1;sx<number_bus+1;sx++){
if(bus[s]==dic_bus[sx])h=100;
}
if(h<50)number_bus=number_bus+1;
if(h<50)dic_bus[number_bus]=bus[s];
}
number_credit=0;
for(s=1;s<number+1;s++){
h=0;
for(sx=1;sx<number_credit+1;sx++){
if(credit[s]==dic_credit[sx])h=100;
}
if(h<50)number_credit=number_credit+1;
if(h<50)dic_credit[number_credit]=credit[s];
}
for(s=1;s<number_bus+1;s++){
$('#bus').append($('<option>').html(dic_bus[s]).val(s));
}
for(s=1;s<number_credit+1;s++){
$('#cre').append($('<option>').html(dic_credit[s]).val(s));
}
}
});
}
function paint(bb,cc){
var x = new Array();
sx=0;
for(s=1;s<number+1;s++){
h=0;
if(bus[s]==bb)h=h+1;
if(credit[s]==cc)h=h+1;
if(h==2)sx=sx+1;
if(h==2)y[sx]=year[s];
if(h==2)v[sx]=point[s];
}
datanumber=sx;
for(s=0;s<datanumber+1;s++){
x[s]=new Array();
}
x[0][0]="date";
x[0][1]="合計";
for(s=1;s<datanumber+1;s++){
x[s][0]=""+y[s]+"年";
x[s][1]=v[s];
}
var data =google.visualization.arrayToDataTable(x);
var op = {title: '国民経済計算'};
var chart = new google.visualization.LineChart(document.getElementById('memo'));
chart.draw(data, op);
}
最終更新：2016年01月16日 01:31
