アットウィキロゴ

三銀

<html>
<head>
<meta charset="utf-8"/>   
<title>参議院選挙区</title>   
<script src="https://www.google.com/jsapi"></script> 
<script src="jquery.js"></script> 
<script src="fusiontable.js"></script> 
<script src="table.js"></script> 
</head>
<body onload="fusiontable()">
<select id="num" name="num">
<option value="2">2</option>
<option value="3" selected>3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
<input type="button" value="選択" onClick="table()" />
<div id="chart" style="width: 500px; height: 500px;">準備中</div>
</body>
</html>
 
 
n=new Array();        
a=new Array();
p=new Array();     
var number; 
 
function fusiontable() {
 
       var query = "SELECT n,a,p FROM " +
            '1ed7wLA0KIPJEDTp9SgYLcYsTLd59WDKCzVpQPfw';
 
        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=?');
 
sx=0;
 
        $.ajax({
          url: url.join(''),
          dataType: 'jsonp',
          success: function (data) {
 
 var rows = data['rows'];
 
for (var i in rows) {
sx=sx+1;
n[sx]= parseInt(rows[i][0]);
a[sx]= rows[i][1];
p[sx]= rows[i][2];
}
 
number=sx;
 
$("#chart").text("準備完了");
 
}
});
 
}
 
 
google.load("visualization", "1", {packages:["table"]});
 
suba=new Array();
subp=new Array();   
var subnumber;
 
function table() {
 
sample();
 
var data = new google.visualization.DataTable();
data.addColumn('string', 'a');
data.addColumn('string', 'p');
 
data.addRows(subnumber);
 
for(s=1;s<subnumber+1;s++){
data.setCell(s-1, 0, suba[s]);
data.setCell(s-1, 1, subp[s]);
}
 
var table = new google.visualization.Table(document.getElementById('chart'));
table.draw(data, {showRowNumber: true});
 
}
 
function sample(){
 
var y1=$("#num").val();
 
var s,sx;
 
sx=0;
for(s=1;s<number+1;s++){
if(n[s]==y1)sx=sx+1;
if(n[s]==y1)suba[sx]=a[s];
if(n[s]==y1)subp[sx]=p[s];
}
 
subnumber=sx;
 
}
 
最終更新:2013年12月19日 10:21