<html>
<head>
<meta charset="utf-8">
<title>wikipedia</title>
<script src="jquery.js"></script>
<script type="text/javascript" src="wiki11.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;
var maxp;
maxp=0;
for(s=1;s<number+1;s++){
if(px[s]>maxp)maxp=px[s];
}
str="<svg>";
str=str+line(100,100,100,600,"black");
str=str+line(600,600,100,600,"black");
for(s=1;s<number;s++){
x1=100+5*s;
x2=105+5*s;
y1=600-500*px[s]/maxp;
y2=600-500*px[s+1]/maxp;
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:36
