アットウィキロゴ

握手会

<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()">
<input type="button" value="検索" onClick="table()" />
<div id="chart" style="width: 800px; height: 500px;">準備中</div>
</body>
</html>
 
 
n=new Array();
p=new Array();
y=new Array();              
w=new Array();
a=new Array();
x=new Array();                            
var number; 
 
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;
a[sx]= rows[i][1];
n[sx]= parseInt(rows[i][0]);
w[sx]=parseInt(rows[i][4]);
p[sx]= parseInt(rows[i][2]);
y[sx]= parseInt(rows[i][3]);
 
x[sx]=new Array();
for(tx=1;tx<7;tx++){
x[sx][tx]=parseInt(rows[i][4+tx]);
}
 
}
 
number=sx;
 
$("#chart").text("準備完了");
 
}
});
 
}
 
 
google.load("visualization", "1", {packages:["table"]});
 
sale=new Array();
 
function table() {
 
var s;
 
sample();
 
var data = new google.visualization.DataTable();
data.addColumn('number', 'シングル');
data.addColumn('string', 'アーチスト');
data.addColumn('number', '販売数');
data.addColumn('number', '完売数');
data.addColumn('number', '1次完売');
data.addColumn('number', '2次');
data.addColumn('number', '3次');
data.addColumn('number', '4次');
data.addColumn('number', '5次');
data.addColumn('number', '6次');
 
data.addRows(number);
 
for(s=1;s<number+1;s++){
data.setCell(s-1, 0, n[s]);
data.setCell(s-1, 1, a[s]);
data.setCell(s-1, 2, sale[s]);
data.setCell(s-1, 3, p[s]);
data.setCell(s-1, 4, x[s][1]);
data.setCell(s-1, 5, x[s][2]);
data.setCell(s-1, 6, x[s][3]);
data.setCell(s-1, 7, x[s][4]);
data.setCell(s-1, 8, x[s][5]);
data.setCell(s-1, 9, x[s][6]);
}
 
 
var table = new google.visualization.Table(document.getElementById('chart'));
table.draw(data, {showRowNumber: true});
 
}
 
function sample(){
 
for(s=1;s<number+1;s++){
sale[s]=p[s]+w[s]+y[s];
}
 
 
 
}
 
最終更新:2013年12月20日 18:27