ให้เรตสมาชิก: 5 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน
 

 

      การใส่แผนภูมิวงกลมใน Code ไฟล์ PHP ช่วยให้ผู้ใช้งานแสดงแผนภูมิวงกลมเป็นเปอร์เซ็นต์ได้และนำไปแสดงผลบน Webbrowser (เว็บเบราว์เซอร์) ได้อย่างง่ายด้าย สามารถใส่แผนภูมิวงกลมได้บน html อีกด้วย โดย Google ได้ให้ผู้ใช้งานสามารถดาวน์โหลด Google Chart ได้เลย

 

Code

<html lang="en-US">
<body>

<div id="piechart"></div>

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

<script type="text/javascript">
// Load google charts
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);

// ใส่ข้อมูลลงไปในแผนภูมิวงกลม
function drawChart() {
  var data = google.visualization.arrayToDataTable([
  ['Task', 'Hours per Day'],
  ['Work', 8],
  ['Eat', 2],
  ['TV', 2],
  ['Gym', 3],
  ['Sleep', 9]
]);

  // ชื่อหัข้อวงกลม ขนาด และความสูงของแผนภูมิวงกลม
  var options = {'title':'ชีวิตประจำวัน', 'width':550, 'height':400};

  // Display the chart inside the <div> element with id="piechart"
  var chart = new google.visualization.PieChart(document.getElementById('piechart'));
  chart.draw(data, options);
}
</script>

</body>
</html>

 

ผลลัพธ์

แผนภูมิ
แผนภูมิ

 

อ้างอิง : w3schools 

 

ข่าวสารเพิ่มเติมเกี่ยวกับ Google

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
การติดตั้ง fireFox ภาษาไทย
โดย Anonymous ศ 10 มิ.ย. 2005 5:11 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
2642
พฤ 16 มิ.ย. 2005 3:52 pm โดย บุคคลทั่วไป
โฆษณษา ครับ ท่าน
โดย Anonymous ศ 03 มิ.ย. 2005 7:23 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
2247
ศ 03 มิ.ย. 2005 7:23 pm โดย บุคคลทั่วไป
เข้าe-gold ไม่ได้ค่ะ
โดย Anonymous จ 09 พฤษภาคม 2005 6:19 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
2859
จ 27 มิ.ย. 2005 2:10 am โดย wutwutsci
ค้นหา หนังสือ จากทุกมุมโลก
โดย ศ 06 พฤษภาคม 2005 1:43 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
1535
พฤ 01 ม.ค. 1970 7:00 am โดย 4404
ทำยังไงถึงจะรู้ว่ามีคนเปิดดูเมล์เรา
โดย nun พฤ 05 พฤษภาคม 2005 10:52 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
2977
ศ 06 พฤษภาคม 2005 12:42 pm โดย nun
10 ทิป ลดและเสี่ยง สแปมเมล์
โดย nun อ 03 พฤษภาคม 2005 3:36 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
2706
อ 03 พฤษภาคม 2005 3:36 pm โดย nun
firefox 1.0.3 มาแล้ว
โดย icphysics อ 19 เม.ย. 2005 4:21 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
2065
พฤ 21 เม.ย. 2005 9:54 pm โดย บุคคลทั่วไป
สมัครE-gold กับ Omnipay แล้วใช้ยังไงค่ะ
โดย Anonymous อ 12 เม.ย. 2005 1:22 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
2700
อ 12 เม.ย. 2005 2:16 pm โดย บุคคลทั่วไป
ลองดู
โดย Anonymous จ 28 มี.ค. 2005 11:07 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
2518
พฤ 01 ม.ค. 1970 7:00 am โดย 4404
PHP+Mysql มีปัญหาครับ
โดย Anonymous ส 19 มี.ค. 2005 10:34 pm บอร์ด Programming - PHP
4
3156
จ 03 เม.ย. 2006 9:31 am โดย บุคคลทั่วไป
อยากทราบวิธีนำเงินออกจากเว็บหาเงินครับ
โดย Anonymous ส 26 ก.พ. 2005 11:11 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
2830
จ 04 เม.ย. 2005 7:37 pm โดย บุคคลทั่วไป
ประกาศเตือน หนอนอินเทอร์เน็ต W32.Mydoom.BB หรือ W32.Mydoom.A
โดย icphysics อ 20 ก.พ. 2005 3:49 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
2077
อ 20 ก.พ. 2005 3:49 pm โดย icphysics
อยากรู้เกี่ยวกับ ดาวน์โหลด FORTRAN
โดย theta อ 15 ก.พ. 2005 2:01 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
3513
พฤ 17 ก.พ. 2005 2:38 pm โดย บุคคลทั่วไป
Banner rorator คืออะไร
โดย Anonymous ส 05 ก.พ. 2005 8:27 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
2395
ส 05 ก.พ. 2005 9:13 pm โดย บุคคลทั่วไป
อยากให้เว็บมาสเตอร์เปลี่ยน Theme
โดย Anonymous อ 23 ม.ค. 2005 1:12 am บอร์ด Programming - PHP
4
3591
พฤ 01 ม.ค. 1970 7:00 am โดย 4404
ปัญหาระบบ Lan (ขอรายละเอียดเพิ่มเติมหน่อยครับ) ใหม่
โดย Anonymous พฤ 20 ม.ค. 2005 2:40 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
2588
ศ 21 ม.ค. 2005 2:38 pm โดย ku60
เปิดเครื่องแล้วหน้าจอ เป็นสี ฟ้า
โดย ooy อ 16 ม.ค. 2005 8:03 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
2732
จ 17 ม.ค. 2005 11:40 am โดย บุคคลทั่วไป
ช่วยแก้ปัญหาระบบ Lan หน่อยครับ
โดย Anonymous พฤ 13 ม.ค. 2005 4:13 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
2151
ศ 14 ม.ค. 2005 10:19 am โดย icphysics
ช่วยแก้ปัญหาระบบ Lan หน่อยครับ
โดย Anonymous พฤ 13 ม.ค. 2005 4:13 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
2128
พฤ 13 ม.ค. 2005 4:13 pm โดย บุคคลทั่วไป
แนะนำ Host free ที่ใช้php wfh
โดย Anonymous ส 28 ส.ค. 2004 2:04 pm บอร์ด Programming - PHP
2
3316
ส 08 เม.ย. 2006 8:06 pm โดย บุคคลทั่วไป