graph08():バブルチャート(塗り潰し)

説明

塗り潰されたバブルチャートを描きます。グラフの値はあらかじめグローバル変数名dataに入れておく必要があります。データは配列要素2つで1セットです。要素の偶数番目にはX,Y座標を、奇数番目には半径と色を指定します。X座標が上位16ビット、Y座標が下位16ビットになります。同様に半径が上位16ビット、色が下位16ビットになります。
関数に渡すパラメーターは原点X座標、原点Y座標、データの長さの順番になります。なお、グラフの原点は左下になります。graph07()をgraph08()のように関数名を変更するだけでバブルの枠のみにするか、塗り潰すかを変更できます。

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

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

// Graph Library : bubble chart fill
// draw graph08
function graph08(x,y,len){
var n=0;
while(n<len*2){
var cx=x+(data[n]>>16);
var cy=45-y-(data[n]&0xffff);
var r=data[n+1]>>16;
var c=data[n+1]&0xffff;
var s=0;
while(s<=r){
uart(128,7,14,cx,cy,s,c);
s=s+1;
}
n=n+2;
}
}
// Sample Code
uart("\nPC CLEAR 01\n");
var data=new Array(8);
data[0]=(10<<16)+8;data[1]=(3<<16)+2;
data[2]=(26<<16)+12;data[3]=(7<<16)+8;
data[4]=(45<<16)+23;data[5]=(4<<16)+5;
data[6]=(55<<16)+30;data[7]=(9<<16)+10;
graph08(0,0,4);

目次に戻る