วันศุกร์ที่ 26 กรกฎาคม พ.ศ. 2556

BAR CHART



int x = 60; /*ประกาศตัวแปร xขึ้นมาเป็นจำนวนทศนิยม โดยให้มีค่าเท่ากับ  (local variable)*/
int y = 400;/*ประกาศตัวแปร yขึ้นมาเป็นจำนวนทศนิยม โดยให้มีค่าเท่ากับ  (global variable)*/
int j = 100;/*ประกาศตัวแปร jขึ้นมาเป็นจำนวนทศนิยม โดยให้มีค่าเท่ากับ  (global variable)*/
int i = 0;/*ประกาศตัวแปร iขึ้นมาเป็นจำนวนทศนิยม โดยให้มีค่าเท่ากับ  (global variable)*/
int p=150;/*ประกาศตัวแปร pขึ้นมาเป็นจำนวนทศนิยม โดยให้มีค่าเท่ากับ  (global variable)*/
int o =180;/*ประกาศตัวแปร oขึ้นมาเป็นจำนวนทศนิยม โดยให้มีค่าเท่ากับ  (global variable)*/
int  s=50;/*ประกาศตัวแปร sขึ้นมาเป็นจำนวนทศนิยม โดยให้มีค่าเท่ากับ  (global variable)*/
int t =220;/*ประกาศตัวแปร tขึ้นมาเป็นจำนวนทศนิยม โดยให้มีค่าเท่ากับ  (global variable)*/

float datum [] = {87.05, 0.88, 0.23, 0.26,0.1,4.33,0.29,0.13};//ประกาศค่าต่างๆที่เป็นทศนิยม ไว้ใน Array ที่ชื่อ datum

String USER[] = {"BANGKOK", "CHANGMAI", "CONBURURI", "KHONKHEN","KORAT","NONTHABUR","PATTAYA","SONGKHLA"};/*ประกาศค่าต่างๆ ที่เป็นตัวอักษรไว้ใน Array ที่ชื่อ datum*/

void setup() {
  size(500, 400);//กำหนดขนาดของ canvas ที่เป็น 500*400pixel
  background(#FFFAF0);//ใส่สีพื้นหลังโดยเติมสีครีม
  BarChart();
}

void BarChart() {
  while (i < datum.length) {//ตรวจสอบถ้าค่า i น้อยกว่าค่า datum ให้ทำตามเงื่อนไขดังนี้
    if (i == 0) fill(#90EE90);//หาก i = 1 ให้เติมสีเขียวอ่อน
    if (i == 1) fill(#FFB6C1);//หาก i = 1 ให้เติมสีแดงชมพูอ่อน
    if (i == 2) fill(#FFA07A);//หาก i = 2 ให้เติมสีส้มอ่อน
    if (i == 3) fill(#20B2AA);//หาก i = 3 ให้เติมสีฟ้าน้ำทะเล
    if (i == 4) fill(#87CEFA);//หาก i = 4 ให้เติมสีฟ้าอ่อน
    if (i == 5) fill(#778899);//หาก i = 5 ให้เติมสีเทา
    if (i == 6) fill(#DDA0DD);//หาก i = 6 ให้เติมสีม่วงอ่อน
    if (i == 7) fill(#FF69B4);//หาก i = 7 ให้เติมสีชมพู
    rect(x, 200-datum[i], 30, 50+datum[i]);//วาดสี่เหลื่อมผืนผ้าเพื่อเป็นกราฟแท่ง
    text(USER[i],  48, y-120);//กำหนดฟังก์ชัน text เพื่อใหสามารถพิมพ์ข้องความบน canvas
    rect(40, y-130, 6, 6);//วาดสี่เหลื่อมผืนผ้าเพื่อเป็นช่องกำหนดสีกราฟแต่ละแท่ง
    fill(#000000);//
    text(datum[i]+"%", x, 180-datum[i]);//เป็นการกำหนดชื่อจังหวัดกับกราฟแท่ง
    text("Bar chart :The most of Thai's Facebook user in Thailand",30,50);//พิมพ์ข้อความด้านบน canvas

    y = y+15;//บวกค่า y ทีละเพื่อระยะห่างของช่องกำหนดสีกราฟแต่ละแท่ง
    x = x+s;//ระยะห่างของบวกค่า x ทีละเพื่อระยะห่างของกราฟแท่ง
    i = i+1;//บวกค่าทีละ 1 เข้าเงื่อนไขด้านบน เพื่อให้loopไม่เป็น infinite loop
  }
}
เขียนโดย ที่
ป้ายกำกับ:

ไม่มีความคิดเห็น:

แสดงความคิดเห็น

สมัครสมาชิก: ส่งความคิดเห็น (Atom)