<!DOCTYPE html>
<html>
<head>
<title>握手会</title>
<meta charset="UTF-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script src="sample.js"></script>
</head>
<body onload="sample()">
<select id="sel" name="c">
</select>
<div id="memo" style="width: 1200px; height: 500px;">準備中</div>
</body>
</html>
google.load("visualization", "1", {packages:["corechart"]});
var namex = new Array();
var title = new Array();
var sale = new Array();
var trial = new Array();
var point = new Array();
var dic=new Array();
var v = new Array();
function sample() {
$("select").change(function () {
var v = $("#sel").val();
paint(v);
});
var query = "SELECT * FROM " +
'1-KHDbk4ZHy0hh--8ko-icY0PqETzPz15wwjgLH8k';
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;
namex[sx]=rows[i][0];
title[sx]=rows[i][1];
trial[sx]=rows[i][2];
sale[sx]=rows[i][3];
v[sx]=rows[i][4];
}
number = sx;
dicnumber=0;
for(s=1;s<number+1;s++){
h=0;
for(sx=1;sx<dicnumber+1;sx++){
if(namex[s]==dic[sx])h=100;
}
if(h<50)dicnumber=dicnumber+1;
if(h<50)dic[dicnumber]=namex[s];
}
for(s=1;s<dicnumber+1;s++){
$('#sel').append($('<option>').html(dic[s]).val(s));
}
paint(1)
}
});
}
function paint(n){
var vs=new Array();
var t = new Array();
var point=new Array();
sx=0;
for(s=1;s<number+1;s++){
h=0;
if(namex[s]==dic[n])h=h+1;
if(trial[s]==1)h=h+1;
if(h==2)sx=sx+1;
if(h==2)t[sx]=title[s];
if(h==2)point[sx]=sale[s];
if(h==2)vs[sx]=v[s];
}
datanumber=sx;
var v2=new Array();
var v3=new Array();
var v4=new Array();
var v5=new Array();
for(s=1;s<datanumber+1;s++){
v2[s]=0;
for(sx=1;sx<number+1;sx++){
h=0;
if(namex[sx]==dic[n])h=h+1;
if(trial[sx]==2)h=h+1;
if(title[sx]==t[s])h=h+1;
if(h==3)v2[s]=v[sx];
}}
for(s=1;s<datanumber+1;s++){
v3[s]=0;
for(sx=1;sx<number+1;sx++){
h=0;
if(namex[sx]==dic[n])h=h+1;
if(trial[sx]==3)h=h+1;
if(title[sx]==t[s])h=h+1;
if(h==3)v3[s]=v[sx];
}
}
for(s=1;s<datanumber+1;s++){
v4[s]=0;
for(sx=1;sx<number+1;sx++){
h=0;
if(namex[sx]==dic[n])h=h+1;
if(trial[sx]==4)h=h+1;
if(title[sx]==t[s])h=h+1;
if(h==3)v4[s]=v[sx];
}}
for(s=1;s<datanumber+1;s++){
v5[s]=0;
for(sx=1;sx<number+1;sx++){
h=0;
if(namex[sx]==dic[n])h=h+1;
if(trial[sx]==5)h=h+1;
if(title[sx]==t[s])h=h+1;
if(h==3)v5[s]=v[sx];
}}
var x = new Array();
for(s=0;s<datanumber+1;s++){
x[s]=new Array();
}
x[0][0]="曲名";
x[0][1]="販売";
x[0][2]="1次完売";
x[0][3]="2次完売";
x[0][4]="3次完売";
x[0][5]="4次完売";
x[0][6]="5次完売";
for(s=1;s<datanumber+1;s++){
x[s][0]=t[s];
x[s][1]=point[s]*1;
x[s][2]=vs[s]*1;
x[s][3]=v2[s]*1;
x[s][4]=v3[s]*1;
x[s][5]=v4[s]*1;
x[s][6]=v5[s]*1;
}
var data =google.visualization.arrayToDataTable(x);
var op = {title: dic[n]};
var chart = new google.visualization.ColumnChart(document.getElementById('memo'));
chart.draw(data, op);
}
最終更新:2015年12月18日 04:36