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

 

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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 27 พฤศจิกายน 2562
โดย numtan5839 พ 27 พ.ย. 2019 10:11 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
4
33
พ 27 พ.ย. 2019 7:04 pm โดย jamepiyawat
พรีฯของจากจีนมาขาย สั่งเองไม่ยาก ไม่เก่งภาษาจีนก็ทำได้!
โดย promotion ศ 08 พ.ย. 2019 3:06 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
118
พ 27 พ.ย. 2019 9:22 am โดย LEG
ทำความรู้จักกับ Forex ตลาดแลกเปลี่ยนเงินตราต่างประเทศ
โดย numtan5839 ศ 08 พ.ย. 2019 4:03 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
149
พ 27 พ.ย. 2019 5:26 am โดย npfurion
ขอวิธีสร้าง Dropdown list จังหวัด อำเภอ ตำบล เพียงใส
โดย spawat ส 02 พ.ย. 2019 4:49 pm บอร์ด Programming - PHP
4
220
พฤ 28 พ.ย. 2019 10:49 am โดย ololl04
VDO - โปรแกรมจัดรูปแบบแผนการเล่นฟุตบอล
โดย numtan5839 อ 26 พ.ย. 2019 6:04 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
2
16
อ 26 พ.ย. 2019 6:19 pm โดย numtan5839
โปรแกรมแปลงพื้นที่
โดย prmindphp อ 26 พ.ย. 2019 5:20 pm บอร์ด MindPHP News & Feedback
0
36
อ 26 พ.ย. 2019 5:20 pm โดย prmindphp
เชื่อม template engine twig แล้ว error ครับ
โดย jamepiyawat อ 26 พ.ย. 2019 1:45 pm บอร์ด Programming - PHP
2
43
อ 26 พ.ย. 2019 2:42 pm โดย jamepiyawat
ภาษาซี (C/C++) กับ โจทย์ทางคณิตศาสตร์ (2) แปลงฟุต&นิ้ว เป็น เซนติเมตร
โดย Aussadawut จ 19 พ.ย. 2018 2:57 pm บอร์ด Share Knowledge
1
2635
อ 26 พ.ย. 2019 12:24 pm โดย mindphp
งานประจำวันที่ 26 พฤศจิกายน 2562
โดย numtan5839 อ 26 พ.ย. 2019 10:22 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
2
12
อ 26 พ.ย. 2019 7:39 pm โดย numtan5839
ระวังไว้! 'โรคเอ็มเอส' โรคใหม่วัยทำงาน
โดย promotion พฤ 31 ต.ค. 2019 3:00 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
184
อ 26 พ.ย. 2019 4:04 am โดย weeha
การปรับแก้ไขข้อมูลเมื่อทำการ Quote เพื่อปรับแก้ไขชื่อของ User ที่ทำการ Quote ใน phpbb
โดย Ittichai_chupol จ 25 พ.ย. 2019 6:39 pm บอร์ด PHP Knowledge
0
34
จ 25 พ.ย. 2019 6:39 pm โดย Ittichai_chupol
dapper line ช่วยตรวจสอบให้ด้วยว่าเกิดอะไรขึ้น
โดย thatsawan จ 25 พ.ย. 2019 6:29 pm บอร์ด MD-CRM - Tester
3
10
ศ 06 ธ.ค. 2019 4:04 pm โดย thatsawan
ความสามมารถ ของ สิริ ผู้ช่วยดิจิตอลอัจฉริยะของ Apple
โดย Ittichai_chupol จ 25 พ.ย. 2019 6:00 pm บอร์ด Mobile Application Developing- Android, iOS
0
37
จ 25 พ.ย. 2019 6:00 pm โดย Ittichai_chupol
บอลไทย
โดย jataz2 จ 25 พ.ย. 2019 5:18 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
4
52
พ 27 พ.ย. 2019 10:45 am โดย aloha11x
จะทำอย่างไรให้เราดึงชื่อรูปออกมาได้จากพาดยาว ๆ ครับ
โดย jamepiyawat จ 25 พ.ย. 2019 4:44 pm บอร์ด Programming - PHP
1
30
จ 25 พ.ย. 2019 4:45 pm โดย tsukasaz
โปรแกรมคำนวณอัตราแลกเปลี่ยนสกุลเงิน
โดย prmindphp จ 25 พ.ย. 2019 4:26 pm บอร์ด MindPHP News & Feedback
0
23
จ 25 พ.ย. 2019 4:26 pm โดย prmindphp
โปรแกรมตรวจสอบหมายเลขพัสดุ
โดย prmindphp จ 25 พ.ย. 2019 4:12 pm บอร์ด MindPHP News & Feedback
0
35
จ 25 พ.ย. 2019 4:12 pm โดย prmindphp
นิยามของสินทรัพย์ หนี้สิน และส่วนของเจ้าของ
โดย Chidchanok อ 15 ม.ค. 2019 6:13 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
1
1486
จ 25 พ.ย. 2019 3:39 pm โดย mindphp
VDO - Program Convert Area
โดย numtan5839 จ 25 พ.ย. 2019 3:16 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
3
25
พ 27 พ.ย. 2019 2:29 am โดย mindphp
งานประจำวันที่ 25 พฤศจิกายน 2562
โดย numtan5839 จ 25 พ.ย. 2019 10:13 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
1
17
จ 25 พ.ย. 2019 7:22 pm โดย numtan5839