google.load("visualization", "1", {packages:["corechart"]});
var point = new Array();
var x = new Array();
var d = new Array();
var date = new Array();
function sample() {
var query = "SELECT * FROM " +
'1iXUk3I8yixPwKFFgepkZly3r-EEP-pSIDN3xfmgz';
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) {
y1=rows[i][0];
m1=rows[i][1];
d1=rows[i][2];
c=rows[i][3];
if(c=="サービス業")sx=sx+1;
if(c=="サービス業")point[sx]=rows[i][4]/10;
if(c=="サービス業")date[sx]=""+y1+"y"
}
number = sx;
maxp=0;
for(s=1;s<number+1;s++){
if(point[s]>maxp)maxp=point[s];
}
var timer;
var delay = 100;
dx=0;
var loop = function () {
dx=dx+1;
if(dx>number-110)dx=1;
paint();
clearTimeout(timer);
timer = setTimeout(loop, delay);
}
loop();
}
});
}
function paint(){
var sub=new svgpaint();
str="<svg width=\"500\" height=\"500\">";
str=str+sub.rect(0,0,500,500,"blue");
for(s=1;s<100;s++){
p1=500*point[s+dx]/maxp;
p2=500*point[s+1+dx]/maxp;
str=str+sub.line(5*s,500-p1,5*s+5,500-p2,2,"red");
}
str=str+"</svg>";
$("#memo").html(str);
}
最終更新:2016年01月11日 00:28