アットウィキロゴ

answer3

<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>
 
 
b=new Array();
c=new Array();              
d=new Array();
a=new Array();                          
var number,artistnumber;
artist=new Array(); 
 
function fusiontable() {
 
       var query = "SELECT a,b,c,d FROM " +
            '1LDY33RiE-27qs90C67OrIztTDsiK3kDg9HmM490';
 
        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];
b[sx]=parseInt(rows[i][1]);
c[sx]= parseInt(rows[i][2]);
d[sx]= rows[i][3];
}
 
number=sx;
 
select();
 
$("#chart").text("準備完了");
 
}
});
 
}
 
function select(){
 
var s,h,sx,h1;
 
artistnumber=0;
 
for(s=1;s<number+1;s++){
h=0;
h1=0;
for(sx=1;sx<artistnumber+1;sx++){
if(d[s]==artist[sx])h1=100;
}
if(h1<50)h=h+1;
if(a[s]=="ske")h=h+1;
if(h==2)artistnumber=artistnumber+1;
if(h==2)artist[artistnumber]=d[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();
var ax;
 
function table() {
 
sample();
 
var s;
 
var data = new google.visualization.DataTable();
data.addColumn('string', 'アンケート');
data.addColumn('number', '得票数');
 
data.addRows(5);
 
var strx;
 
for(s=1;s<6;s++){
strx=""+s+"位";
data.setCell(s-1, 0, strx);
data.setCell(s-1, 1, point[s]);
}
 
        var options = {
          title: ax,
          hAxis: {title: '順位', titleTextStyle: {color: 'red'}}
        };
 
var chart = new google.visualization.ColumnChart(document.getElementById('chart'));
chart.draw(data, options);
      }
 
function sample(){
 
var s,sx,h;
var a1;
var r1;
 
 
 
a1=$("#artist").val();
 
ax=a1;
 
for(s=1;s<6;s++){
point[s]=0;
}
 
for(s=1;s<number+1;s++){
h=0;
r1=c[s];
if(d[s]==a1)h=h+1;
if(a[s]=="ske")h=h+1;
if(h==2)point[r1]=point[r1]+1;
}
 
}
 
最終更新:2013年12月22日 17:57