ให้เรตสมาชิก: 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
อัพเกรด Directadmin แล้วเจอ Error e2fsprogs-devel-1.41.12-3.el6.x86_64 has missing requires of e2fsprogs-libs
โดย mindphp อ 15 พ.ย. 2020 1:36 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
53
อ 15 พ.ย. 2020 1:38 pm โดย mindphp
ขอสอบถาวิธีแก้ปัญหา ทำไมเพิ่มข้อมูลคำพจนานุกรมไป , ใน ฐานข้อมูล , ดูเหมือนหมวดหมู่จะ Insert ไม่เข้าครับ
โดย makup ศ 13 พ.ย. 2020 11:30 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
2
91
อ 15 พ.ย. 2020 4:25 am โดย บุคคลทั่วไป
รับติดตั้งระบบ Microsoft Skype for Business and Microsoft Teams
โดย Atomseed Suckseed ศ 13 พ.ย. 2020 11:23 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
50
ศ 13 พ.ย. 2020 11:23 am โดย Atomseed Suckseed
แก้ปัญหา ติดตั้ง PHP 7.4 ไม่ได้ บน Server เจอ Error error: Package requirements (icu-uc >= 50.1 icu-io icu-i18n) were no
โดย mindphp ศ 13 พ.ย. 2020 12:36 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
68
ศ 13 พ.ย. 2020 1:38 am โดย mindphp
คำสั่ง บน Linux สำหรับ เช็คว่า port ไหน มีการใช้งานแล้ว และใช้กับอะไร
โดย bolue พฤ 12 พ.ย. 2020 4:54 pm บอร์ด Linux - Web Server
1
72
ศ 13 พ.ย. 2020 9:31 pm โดย cresencio123
คาดการณ์สเปคและฟีเจอร์ของ iPhone 12 พร้อมอัปเดตข่าวล่าสุด
โดย mintsaccount พฤ 12 พ.ย. 2020 12:41 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
79
พฤ 12 พ.ย. 2020 12:41 am โดย mintsaccount
ขอสอบถามวิธีแก้ปัญหา ข้อมูลไม่เข้าแสดงผล ในตารางหน่อยครับ
โดย makup พ 11 พ.ย. 2020 8:23 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
7
93
พฤ 12 พ.ย. 2020 4:51 pm โดย thatsawan
เว็บไซต์ คืออะไร มีประโยชน์อย่างไร ต่อธุรกิจ
โดย ploypola จ 09 พ.ย. 2020 5:29 pm บอร์ด Share Knowledge
0
137
จ 09 พ.ย. 2020 5:29 pm โดย ploypola