アットウィキロゴ

wiki json svg

<html>
<head>
<meta charset="utf-8">
<title>wikipedia</title>
<script src="jquery.js"></script>
<script type="text/javascript" src="wiki10.js"></script>  
</head>
<body>
<p id="memo">abc</p>
<input type="button" value="push" onClick="sample()" />
</body>
</html>
 
 
 
var k=new Array();
var px=new Array();
var str;
var number;
 
function sample(){
 
$.getJSON("wiki.json", function(data){
 
k=data;
 
table();
 
var x1,y1,x2,y2;
var s;
 
str="<svg>"
for(s=1;s<number;s++){
x1=100+5*s;
x2=105+5*s;
y1=600-px[s]/1000;
y2=600-px[s+1]/1000;
str=str+line(x1,y1,x2,y2,"red");
}
 
str=str+"</svg>";
 
$("#memo").html(str);
 
});
 
}
 
 
function table(){
 
var i,sx;
var n;
var strx;
 
 
sx=0;
for(i in k){
 
if(k[i].artist=="前田敦子"){
sx=sx+1;
px[sx]=parseInt(k[i].point);
}
 
}
 
number=sx;
 
}
 
function line(x1,y1,x2,y2,col){
var strx;
strx="<line x1="+change(x1)+" y1="+change(y1)+" x2="+change(x2)+" y2=";
strx=strx+change(y2)+" stroke="+change(col)+"/>";
return strx;
}
 
 
function change(str){
var strx;
 
strx="\""+str+"\"";
 
return strx;
}
 
最終更新:2013年10月01日 14:25