<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="year" name="year">
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012" selected>2012</option>
<option value="2013">2013</option>
</select>
年
<label for="month"></label>
<select id="month" name="month">
<option value="1">1</option>
<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: 800px; height: 500px;">準備中</div>
</body>
</html>
n=new Array();
d=new Array();
a=new Array();
t=new Array();
r=new Array();
var number;
function fusiontable() {
var query = "SELECT * FROM " +
'1Oq6j_uPf-ECS7ePCjvDqsXQvXHQBO1FvZoLhqjs';
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'];
for (var i in rows) {
sx=sx+1;
a[sx]= rows[i][3];
n[sx]= parseInt(rows[i][0]);
d[sx]= parseInt(rows[i][1]);
r[sx]= parseInt(rows[i][2]);
t[sx]= rows[i][4];
}
number=sx;
$("#chart").text("準備完了");
}
});
google.load("visualization", "1", {packages:["table"]});
artist=new Array();
title=new Array();
rank=new Array();
day=new Array();
var subnumber;
function table() {
var s;
sample();
var data = new google.visualization.DataTable();
data.addColumn('number', '日付');
data.addColumn('number', '順位');
data.addColumn('string', '歌手');
data.addColumn('string', '曲');
data.addRows(subnumber);
for(s=1;s<subnumber+1;s++){
data.setCell(s-1, 0, day[s]);
data.setCell(s-1, 1, rank[s]);
data.setCell(s-1, 2, artist[s]);
data.setCell(s-1, 3, title[s]);
}
var table = new google.visualization.Table(document.getElementById('chart'));
table.draw(data, {showRowNumber: true});
}
function sample(){
var s,sx,h;
var d1,d2,d3;
var y1=$("#year").val();
var m1=$("#month").val();
d1=10*y1+m1;
sx=0;
for(s=1;s<number+1;s++){
h=0;
d2=d[s]/100;
d3=Math.floor(d2);
if(d1==d3)sx=sx+1;
if(d1==d3)artist[sx]=a[s];
if(d1==d3)title[sx]=t[s];
if(d1==d3)rank[sx]=r[s];
if(d1==d3)day[sx]=d[s];
}
subnumber=sx;
}
最終更新：2013年12月20日 06:42
