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

 

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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ทำอย่างไรให้ใน loop แสดงสินค้าไม่ซ้ำกัน
โดย Patipat อ 17 ก.ย. 2019 11:19 am บอร์ด Joomla Development
1
82
พฤ 19 ก.ย. 2019 10:51 am โดย tsukasaz
รู้จักกับระบบปฎิบัติการ Harmony OS ที่ไม่ได้มีไว้แค่มือถือเท่านั้น
โดย birdkritsna อ 17 ก.ย. 2019 11:06 am บอร์ด Mobile Application Developing- Android, iOS
0
89
อ 17 ก.ย. 2019 11:06 am โดย birdkritsna
สร้างบอร์ดขึ้นมาใหม่แล้วสมาชิกใหม่มองไม่
โดย Jumpapong จ 16 ก.ย. 2019 10:20 pm บอร์ด Programming - PHP
3
118
อ 17 ก.ย. 2019 4:17 pm โดย mindphp
ปัญหาติดตั้ง Mod slideshowck
โดย Anonymous จ 16 ก.ย. 2019 8:49 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
56
จ 16 ก.ย. 2019 8:54 pm โดย mindphp
อยากให้ไฟล์แสดงบนหน้าจอของ Tkinter ค่ะ
โดย mashato จ 16 ก.ย. 2019 8:21 pm บอร์ด Programming - C/C++ & java & Python
4
107
อ 17 ก.ย. 2019 3:22 pm โดย mindphp
Incomterms คืออะไร
โดย aninthana จ 16 ก.ย. 2019 6:41 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
55
จ 16 ก.ย. 2019 6:41 pm โดย aninthana
ติดตั้ง SSL ให้เว็บไซต์ ดีอย่างไร
โดย aninthana จ 16 ก.ย. 2019 6:36 pm บอร์ด Web Hosting Review - Free Host Share Host VPS
1
97
อ 17 ก.ย. 2019 2:14 pm โดย Pannarai2015
ข่าวแว่วมาตามลุ่มแม่น้ำ Surface Laptop 3 จะออกรุ่นหน้าจอ 15 เพิ่มจากรุ่นเดิมที่ 13.5
โดย chatee supasand จ 16 ก.ย. 2019 6:14 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
52
จ 16 ก.ย. 2019 6:14 pm โดย chatee supasand
การขอ STATEMENT ธนาคารออมสิน
โดย EyePornnipa จ 16 ก.ย. 2019 4:50 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
1
68
จ 16 ก.ย. 2019 5:11 pm โดย thatsawan
การขอ STATEMENT ธนาคารกรุงไทย
โดย EyePornnipa จ 16 ก.ย. 2019 4:50 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
2
113
อ 17 ก.ย. 2019 2:27 pm โดย EyePornnipa
การขอ STATEMENT ธนาคารธนชาต Thanachart Bank
โดย EyePornnipa จ 16 ก.ย. 2019 4:20 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
58
จ 16 ก.ย. 2019 4:20 pm โดย EyePornnipa
วิธีการเดินทางจากบ้าน บุรีรัมย์ - กรุงเทพฯ
โดย birdkritsna จ 16 ก.ย. 2019 4:18 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
67
จ 16 ก.ย. 2019 4:18 pm โดย birdkritsna
สร้าง tab ยังไงให้สามารถใช้งานได้ครับ
โดย jamepiyawat จ 16 ก.ย. 2019 3:33 pm บอร์ด HTML CSS
2
117
จ 16 ก.ย. 2019 4:04 pm โดย jamepiyawat
อยากให้ไฟล์แสดงบนหน้าจอของ Tkinter ค่ะ
โดย mashato จ 16 ก.ย. 2019 5:01 am บอร์ด Programming - PHP
1
68
จ 16 ก.ย. 2019 5:51 pm โดย mindphp
อยากให้ไฟล์แสดงบนหน้าจอของTkinterค่ะ
โดย Anonymous จ 16 ก.ย. 2019 4:51 am บอร์ด Programming - PHP
0
55
จ 16 ก.ย. 2019 4:51 am โดย บุคคลทั่วไป
ประกาศปิดหมวด ยกเลิกอัพเดดเนื้อหา และ งดตอบคำถามต่างๆ เกี่ยวกับ Magento
โดย mindphp ส 14 ก.ย. 2019 5:31 pm บอร์ด Magento user Guide Knowledge
0
119
ส 14 ก.ย. 2019 5:31 pm โดย mindphp
แนะนำ และสอนการใช้งาน Google Chrome Remote Desktop โปรแกรมรีโหมทหน้าจอ
โดย zend_framework ส 14 ก.ย. 2019 5:28 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
80
ส 14 ก.ย. 2019 5:28 pm โดย zend_framework
อยากทราบวิธีสร้างรูปภาพในไลน์กลุ่มแล้ว กดที่รูปเด้งเข้าไลน์@ของเราเอง
โดย Anonymous ส 14 ก.ย. 2019 4:38 pm บอร์ด Mobile Programming - Android, iOS, Window Phone
1
152
ส 14 ก.ย. 2019 4:52 pm โดย mindphp
อยากทราบวิธีที่จะให้ อาเรย์วนลูปอย่างไรครับ
โดย Patipat ส 14 ก.ย. 2019 3:46 pm บอร์ด Joomla Development
3
103
ส 14 ก.ย. 2019 5:25 pm โดย mindphp
สร้างแถบเมนู
โดย alonglot ส 14 ก.ย. 2019 12:35 pm บอร์ด Joomla Development
1
85
จ 16 ก.ย. 2019 9:00 am โดย tsukasaz