ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

 

      การใส่แผนภูมิวงกลมใน 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
การใช้ .text() .html() และ .val() เพื่อเปลี่ยนข้อความ เมื่อกดปุ่ม
โดย bankjittapol ศ 15 พ.ย. 2019 2:17 pm บอร์ด Jquery & Ajax Knowledge
0
89
ศ 15 พ.ย. 2019 2:17 pm โดย bankjittapol
วงจรสี (Colour Wheel)
โดย numtan5839 ศ 15 พ.ย. 2019 2:13 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
151
ศ 15 พ.ย. 2019 3:33 pm โดย numtan5839
จะเรียกใช้ api ของกรมอุตุ ได้อย่างไรครับ
โดย jamepiyawat พ 06 พ.ย. 2019 3:02 pm บอร์ด Programming - PHP
2
266
ศ 15 พ.ย. 2019 1:44 pm โดย aloha11x
การใส่ Intro Outro และการตัดต่อ VDO
โดย numtan5839 ศ 15 พ.ย. 2019 1:41 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
0
17
ศ 15 พ.ย. 2019 1:41 pm โดย numtan5839
ต้องการให้ ฐานข้อมูลบันทึกที่อยู่ของ รูปภาพ
โดย bankjittapol พ 06 พ.ย. 2019 3:51 pm บอร์ด Programming - PHP
3
295
ศ 15 พ.ย. 2019 5:19 pm โดย Losa
ต้องการให้ค่า transform เก็บไว้ในตัวแปร เพื่อเก็บในฐานข้อมูล
โดย bankjittapol จ 11 พ.ย. 2019 11:17 am บอร์ด Programming - PHP
3
188
ศ 15 พ.ย. 2019 12:43 pm โดย mindphp
จะทำอย่างไรให้ php เป็นเวอร์ชั่น 5 ครับ
โดย jamepiyawat ส 09 พ.ย. 2019 5:13 pm บอร์ด Programming - PHP
1
170
ศ 15 พ.ย. 2019 12:41 pm โดย mindphp
อยากทราบการหาพิกัด GPS จากรูปภาพ เพื่อนำข้อมูลมาใช้ในการแสดงพิกัดบนแผนที่ โดยใช้ภาษา PHP
โดย chaiyasitpraphut ศ 15 พ.ย. 2019 11:57 am บอร์ด Programming - PHP
1
118
ศ 15 พ.ย. 2019 12:40 pm โดย mindphp
ช่วยแนะนำวิธีการเอาค่าใน array มาใช้หน่อยครับ
โดย bankjittapol ศ 15 พ.ย. 2019 10:45 am บอร์ด Programming - PHP
2
115
ศ 15 พ.ย. 2019 11:54 am โดย bankjittapol
แปลงหน่วย bytes kb mb gb
โดย chaiyasitpraphut ศ 15 พ.ย. 2019 10:39 am บอร์ด MindPHP News & Feedback
0
87
ศ 15 พ.ย. 2019 10:39 am โดย chaiyasitpraphut
เช็คภาษีมูลค่าเพิ่ม
โดย chaiyasitpraphut ศ 15 พ.ย. 2019 10:09 am บอร์ด MindPHP News & Feedback
0
78
ศ 15 พ.ย. 2019 10:09 am โดย chaiyasitpraphut
ตรวจสอบไอพี แอดเดรส
โดย chaiyasitpraphut ศ 15 พ.ย. 2019 9:54 am บอร์ด MindPHP News & Feedback
0
41
ศ 15 พ.ย. 2019 9:54 am โดย chaiyasitpraphut
VDO - โปรแกรมคำนวณอัตราแลกเปลี่ยนสกุลเงิน
โดย numtan5839 พฤ 07 พ.ย. 2019 4:05 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
21
122
ศ 15 พ.ย. 2019 9:51 am โดย numtan5839
VDO - โปรแกรมตรวจสอบหมายเลขพัสดุ
โดย numtan5839 พฤ 07 พ.ย. 2019 3:57 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
15
88
ศ 15 พ.ย. 2019 9:50 am โดย numtan5839
VDO - การใช้โปรแกรมคำนวน ค่าเฉลี่ย, ค่าแปรปรวน, ค่าเบี่ยงเบนมาตราฐาน
โดย numtan5839 พฤ 07 พ.ย. 2019 2:54 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
11
118
ศ 15 พ.ย. 2019 9:50 am โดย numtan5839
VDO - การใช้โปรแกรมคำนวณสแควรูท
โดย numtan5839 พฤ 07 พ.ย. 2019 3:18 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
9
83
ศ 15 พ.ย. 2019 9:47 am โดย numtan5839
งานประจำวันที่ 15 พฤศจิกายน 2562
โดย numtan5839 ศ 15 พ.ย. 2019 9:38 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
2
28
ศ 15 พ.ย. 2019 6:15 pm โดย numtan5839
งานประจำวันที่ 15 พฤศจิกายน 2562
โดย chaiyasitpraphut ศ 15 พ.ย. 2019 9:03 am บอร์ด MT35 - นายชัยยะสิทธิ์ พระพุทธ
0
11
ศ 15 พ.ย. 2019 9:03 am โดย chaiyasitpraphut
ทำเอฟเฟค ตอนกดปุ่ม
โดย bankjittapol พฤ 14 พ.ย. 2019 8:11 pm บอร์ด CSS Knowledge
0
86
พฤ 14 พ.ย. 2019 8:11 pm โดย bankjittapol
งานประจำวันที่ 14 พฤศจิกายน 2562
โดย chaiyasitpraphut พฤ 14 พ.ย. 2019 10:15 am บอร์ด MT35 - นายชัยยะสิทธิ์ พระพุทธ
4
25
พฤ 14 พ.ย. 2019 7:30 pm โดย chaiyasitpraphut