アットウィキロゴ
プログラム倉庫
アットウィキロゴ
プログラム倉庫
ページ一覧

selv

<html>
<head>
<meta charset="utf-8"/>   
<title>mf</title>   
<script src="https://www.google.com/jsapi"></script> 
<script src="jquery.js"></script> 
<script src="fusiontable.js"></script> 
<script src="line.js"></script> 
</head>
<body onload="fusiontable()">
<select id="artist" name="artist">
</select>
<input type="button" value="選択" onClick="line()" />
<div id="chart" style="width: 800px; height: 500px;">準備中</div>
</body>
</html>
 
 
 
google.load("visualization", "1", {packages:["corechart"]});
point=new Array();
date=new Array();
var suba; 
 
function line() {
 
sample();
 
var data = new google.visualization.DataTable();
data.addColumn('string', 'time');
data.addColumn('number', '平均コメント数');
 
data.addRows(34);
 
var t1,t2,t3;
 
for(s=1;s<35;s++){
t1=Math.floor(s/12);
t2=s-12*t1;
t1=t1+2011;
t3=""+t1+"年"+t2+"月";
date[s]=t3;
}
 
 
for(s=1;s<35;s++){
data.setCell(s-1, 0,date[s]);
data.setCell(s-1, 1,point[s]);
}
 
var options = {title:suba};
 
var chart = new google.visualization.LineChart(document.getElementById('chart'));
chart.draw(data, options); 
}
 
 
function sample(){
 
var s,n1;
 
var a1=$("#artist").val();
 
suba=a1;
for(s=1;s<100;s++){
point[s]=0;
}
 
for(s=1;s<number+1;s++){
n1=12*(y[s]-2011)+m[s];
if(a[s]==a1)point[n1]=p[s];
}
 
 
 
}
y=new Array();        
m=new Array();
p=new Array();
a=new Array();       
var s,number; 
var card; 
var artistnumber;
artist=new Array();       
 
function fusiontable() {
 
       var query = "SELECT artist,year,month,point FROM " +
            '1D-ISOIpyyLRDE6CPTNDOvp-InBiwCNV8gtXUxAo';
 
        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=?');
 
sx=0;
 
        $.ajax({
          url: url.join(''),
          dataType: 'jsonp',
          success: function (data) {
 
 var rows = data['rows'];
 
for (var i in rows) {
sx=sx+1;
y[sx]= parseInt(rows[i][1]);
m[sx]= parseInt(rows[i][2]);
p[sx]= parseInt(rows[i][3]);
a[sx]= rows[i][0];                                                              }
 
number=sx;
 
plus();
 
$("#chart").text("準備完了");
 
}
});
 
}
 
function plus(){
 
var s,sx,h;
 
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<60)artistnumber=artistnumber+1;
if(h<60)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);
}
 
}
 
「selv」をウィキ内検索
最終更新：2013年12月18日 11:54