<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="artist" name="artist">
<input type="button" value="検索" onClick="table()" />
<div id="chart" style="width: 800px; height: 500px;">準備中</div>
</body>
</html>
n=new Array();
a=new Array();
p=new Array();
y=new Array();
w=new Array();
var number,artistnumber;
artist=new Array();
function fusiontable() {
var query = "SELECT * FROM " +
'1mQUHSZfJ_Pb7jVeWKKedvsf_y_Z7djwNgMs9gDg';
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;
n[sx]= parseInt(rows[i][0]);
p[sx]= parseInt(rows[i][2]);
a[sx]= rows[i][1];
y[sx]= parseInt(rows[i][3]);
w[sx]= parseInt(rows[i][4]);
}
number=sx;
select();
$("#chart").text("準備完了");
}
});
}
function select(){
var s,h,sx,h1;
artistnumber=0;
for(s=1;s<number+1;s++){
h=0;
for(sx=1;sx<artistnumber+1;sx++){
if(a[s]==artist[sx])h=100;
}
if(h<50)artistnumber=artistnumber+1;
if(h<50)artist[artistnumber]=a[s];
}
for(s=1;s<artistnumber+1;s++){
var option = $('<option />');
option.val(artist[s]);
option.html(artist[s]);
$("#artist").append(option);
}
}
google.load("visualization", "1", {packages:["corechart"]});
point=new Array();
sale=new Array();
function table() {
sample();
var s;
var data = new google.visualization.DataTable();
data.addColumn('string', 'シングル');
data.addColumn('number', '販売数');
data.addColumn('number', '完売数');
data.addRows(10);
var strx;
for(s=1;s<11;s++){
s1=s+24;
strx=""+s1+"th";
data.setCell(s-1, 0, strx);
data.setCell(s-1, 1, sale[s1]);
data.setCell(s-1, 2, point[s1]);
}
var options = {
title: 'AKB握手会',
hAxis: {title: 'シングル', titleTextStyle: {color: 'red'}}
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart'));
chart.draw(data, options);
}
function sample(){
var s,sx,h,n1;
var a1=$("#artist").val();
for(s=1;s<50;s++){
point[s]=0;
sale[s]=0;
}
for(s=1;s<number+1;s++){
n1=n[s];
h=0;
if(a[s]==a1)h=100;
if(h>50)point[n1]=p[s];
if(h>50)sale[n1]=p[s]+y[s]+w[s];
}
}
最終更新:2013年12月22日 20:07