graph01():縦棒グラフ

説明

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

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

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

// Graph Library : vertical bar
// draw graph01
function graph01(x,y,bwidth,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(n<len){
var gx=x+n*(bwidth+margin);
var gy=45-y;
if(data[n]>0){fRect(gx,gy,gx+bwidth,gy-data[n]-1, color);}
n=n+1;
}
}
// Sample Code
uart("\nPC CLEAR 01\n");
var data=new Array(8);
data[0]=10;
data[1]=20;
data[2]=30;
data[3]=40;
data[4]=25;
data[5]=1;
data[6]=8;
data[7]=44;
data[8]=27;
graph01(2,0,5,4,2,8);

目次に戻る