<html>
<head>
<meta charset="utf-8"/>
<title>AKB総選挙</title>
<script src="https://www.google.com/jsapi"></script>
<script src="jquery.js"></script>
<script src="fusiontable.js"></script>
<script src="scat.js"></script>
</head>
<body onload="fusiontable()">
<input type="button" value="検索" onClick="scat()" />
<div id="chart" style="width: 800px; height: 500px;">準備中</div>
</body>
</html>
p=new Array();
c=new Array();
n=new Array();
a=new Array();
var number;
function fusiontable() {
var query = "SELECT * FROM " +
'1w_rje_ZRhya9BXyrYaa4wpEeq-ehNxdNVKt5fG4';
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=?');
var sx;
sx=0;
$.ajax({
url: url.join(''),
dataType: 'jsonp',
success: function (data) {
var rows = data['rows'];
var tx;
for (var i in rows) {
sx=sx+1;
a[sx]= rows[i][0];
n[sx]=parseInt(rows[i][1]);
p[sx]= parseInt(rows[i][2]);
c[sx]= parseInt(rows[i][3]);
}
number=sx;
$("#chart").text("準備完了");
}
});
}
google.load("visualization", "1", {packages:["corechart"]});
x=new Array();
y=new Array();
artist=new Array();
var artistnumber;
function scat() {
var s;
sample();
var data = new google.visualization.DataTable();
data.addColumn('number', '4回');
data.addColumn('number', '5回');
data.addRows(artistnumber);
for(s=1;s<artistnumber+1;s++){
data.setCell(s-1, 0, x[s]);
data.setCell(s-1, 1, y[s]);
}
var options = {title: 'ABC',
hAxis: {title: '4回'},
vAxis: {title: '5回'},
legend: 'none'
};
var chart = new google.visualization.ScatterChart(document.getElementById('chart'));
chart.draw(data, options);
}
function sample(){
var s,sx,h;
sx=0;
for(s=1;s<number+1;s++){
if(n[s]==4)sx=sx+1;
if(n[s]==4)x[sx]=p[s];
if(n[s]==4)artist[sx]=a[s];
}
artistnumber=sx;
for(s=1;s<artistnumber+1;s++){
for(sx=1;sx<number+1;sx++){
h=0;
if(artist[s]==a[sx])h=h+1;
if(n[sx]==5)h=h+1;
if(h==2)y[s]=p[sx];
}
}
}
最終更新：2013年12月21日 18:06
