graph02():横棒グラフ

説明

横棒グラフを描きます。グラフの値はあらかじめグローバル変数名dataに入れておく必要があります。関数に渡すパラメーターはX座標、Y座標、棒の縦幅、棒と棒の間隔、棒の色、データの長さの順番になります。データは画面からはみ出さないようにあらかじめ調整しておく必要があります。

[以下のJavaScriptプログラムをダウンロード]

[もう1つのサンプルプログラムをダウンロード]

// Graph Library : horizontal bar
// draw graph02
function graph02(x,y,bheight,margin,color,len){
 // FillRect(x1,y1,x2,y2,color)
 function fRect(x1,y1,x2,y2,c){ 
   var y=y1,d=1;
   if (y1>y2){ d=-1; }
   while(y!=y2){
    uart(128,8,1,x1,y,x2,y,c);
    y=y+d;
   }
 }
 var n=0;
 while(n44){ return; }
  if (data[n]>0){fRect(x,gy,x+data[n]-1,gy+bheight, color);}
  n=n+1;
 }
}
// Sample Code
uart("\nPC CLEAR 01\n");
var data=new Array(8);
data[0]=10;
data[1]=20;
data[2]=40;
data[3]=60;
data[4]=79;
data[5]=0;
data[6]=1;
data[7]=34;
data[8]=7;
data[9]=55;
graph02(0,0,4,1,2,9);

目次に戻る