var m = new Array();
var g = new Array();
var r = new Array();
var p = new Array();
var rate = new Array();
var x = new Array();
var year = new Array();
var month = new Array();
function sample() {
var query = "SELECT * FROM " +
'1v-jv7dtAMWYeEW_vV_yjUqfJ84V9482xxqr3nE8l';
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;
g[sx]=rows[i][1];
m[sx]=rows[i][2];
rate[sx]=rows[i][3];
p[sx]=rows[i][4];
r[sx]=rows[i][5];
}
number = sx;
mm=4;
yy=1999;
for(s=1;s<number+1;s++){
mm=mm+1;
if(mm>4)yy=yy+1;
if(mm>4)mm=1;
year[s]=yy;
month[s]=mm;
}
paint();
}
});
}
function paint(){
var sub=new svgpaint();
str="<svg width=\"500\" height=\"500\">";
maxm = 0;
for (s = 1; s < number + 1;s++ ){
if (m[s] > maxm) maxm = m[s];
}
minm = maxm;
for (s = 1; s < number + 1;s++ ){
if (m[s] < minm) minm = m[s];
}
maxg = 0;
for (s = 1; s < number + 1;s++ ){
if (g[s] > maxg) maxg = g[s];
}
ming = maxg;
for (s = 1; s < number + 1;s++ ){
if (g[s] < ming) ming = g[s];
}
maxr = 0;
for (s = 1; s < number + 1;s++ ){
if (rate[s] > maxr) maxr = rate[s];
}
minr = maxr;
for (s = 1; s < number + 1;s++ ){
if (rate[s] < minr) minr = rate[s];
}
maxp = 0;
for (s = 1; s < number + 1;s++ ){
if (p[s] > maxp) maxp = p[s];
}
minp = maxp;
for (s = 1; s < number + 1;s++ ){
if (p[s] < minp) minp = p[s];
}
maxr2 = 0;
for (s = 1; s < number + 1;s++ ){
if (r[s] > maxr2) maxr2 = r[s];
}
minr2 = maxr2;
for (s = 1; s < number + 1;s++ ){
if (r[s] < minr2) minr2 = r[s];
}
for(s=1;s<number;s++){
c1 = 500 * (m[s]-minm) / (maxm-minm);
c2 = 500 * (m[s+1]-minm) / (maxm-minm);
str=str+sub.line(5*s,500-c1,5*s+5,500-c2,3,"red");
c1 = 500 * (g[s]-ming) / (maxg-ming);
c2 = 500 * (g[s+1]-ming) / (maxg-ming);
str=str+sub.line(5*s,500-c1,5*s+5,500-c2,3,"blue");
c1 = 500 * (rate[s]-minr) / (maxr-minr);
c2 = 500 * (rate[s+1]-minr) / (maxr-minr);
str=str+sub.line(5*s,500-c1,5*s+5,500-c2,3,"pink");
c1 = 500 * (p[s]-minp) / (maxp-minp);
c2 = 500 * (p[s+1]-minp) / (maxp-minp);
str=str+sub.line(5*s,500-c1,5*s+5,500-c2,3,"green");
c1 = 500 * (r[s]-minr2) / (maxr2-minr2);
c2 = 500 * (r[s+1]-minr2) / (maxr2-minr2);
str=str+sub.line(5*s,500-c1,5*s+5,500-c2,3,"yellow");
}
str=str+sub.line(0,0,0,500,3,"black");
str=str+sub.line(0,500,500,500,3,"black");
str=str+"</svg>";
$("#memo").html(str);
}
最終更新:2016年05月07日 10:14