p01 - 経済統計練習帳

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 
<script>
 
var point=new Array(); 
 var number;
 
function sample(){
 
number=100; 
 
point[0]=0; 
for(s=1;s<number+1;s++){ 
point[s]=point[s-1]+Math.random()-0.5;
}
 
paint();
 
 
 
 
 
}
 
 
function paint(){
 
var sub=new svgpaint();
 
maxp=0;
for(s=1;s<number+1;s++){
if(point[s]>maxp)maxp=point[s];
}
 
minp=maxp;
for(s=1;s<number+1;s++){
if(point[s]<minp)minp=point[s];
}
sig=500/number; 
 
str="<svg width=\"500\" height=\"500\">"; 
for(s=1;s<number;s++){
p1=500*(point[s]-minp)/(maxp-minp);
p2=500*(point[s+1]-minp)/(maxp-minp);
str=str+sub.line(sig*s-sig,500-p1,sig*s,500-p2,4,"red");
}
str=str+"</svg>";
 
$("#memo").html(str);   
 
}
 
</script> 
 
<script>
 
class svgpaint{
 
chop(strp){
 this.strx="\""+strp+"\"";
 return this.strx;
}
rect(x1,y1,w1,h1,col){
this.strx="<rect x="+this.chop(x1)+"\" y="+this.chop(y1)+"\" width="+this.chop(w1);
this.strx=this.strx+"\" height="+this.chop(h1)+" fill="+this.chop(col)+"/>";
return this.strx;
}
text(x1,y1,size,strp){
this.strx="<text x="+this.chop(x1)+" y= "+this.chop(y1)+" font-size="+this.chop(size)+">";
this.strx=this.strx+strp;
this.strx=this.strx+"</text>";
return this.strx;
}
 
circle(x1,y1,r,col){
this.strx="<circle cx="+this.chop(x1)+"\" cy="+this.chop(y1)+"\" r="+this.chop(r)+" fill="+this.chop(col)+"/>";
return this.strx;
}
line(x1,y1,x2,y2,wide,col){
this.strx="<line x1="+this.chop(x1)+" y1="+this.chop(y1)+" x2="+this.chop(x2)+" y2=";
this.strx=this.strx+this.chop(y2)+"style= \" stroke:"+col+";stroke-width:"+wide+"\"/>";
return this.strx;
}
 
 
 
}
 
</script>