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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
แนะนำตัวอย่าง Project (Opensource) ที่พัฒนาด้วย Framework Laravel
โดย makup อ 06 ต.ค. 2020 5:35 pm บอร์ด PHP Knowledge
0
217
อ 06 ต.ค. 2020 5:35 pm โดย makup
ประวัติความเป็นมาของ Laravel
โดย makup อ 06 ต.ค. 2020 5:34 pm บอร์ด PHP Knowledge
0
123
อ 06 ต.ค. 2020 5:34 pm โดย makup
ความแตกต่าง ของ Symfony กับ Laravel
โดย makup อ 06 ต.ค. 2020 5:34 pm บอร์ด PHP Knowledge
0
118
อ 06 ต.ค. 2020 5:34 pm โดย makup
IT ENGLISH: ศัพท์ไอทีในรูปประโยคภาษาอังกฤษ
โดย PhoorichayaM อ 06 ต.ค. 2020 5:20 pm บอร์ด Share Knowledge
0
175
อ 06 ต.ค. 2020 5:20 pm โดย PhoorichayaM
ภาษาอังกฤษเพื่อการสนทนา ในการทำงานด้าน IT
โดย PhoorichayaM อ 06 ต.ค. 2020 5:18 pm บอร์ด Share Knowledge
0
158
อ 06 ต.ค. 2020 5:18 pm โดย PhoorichayaM
ทำความรู้จัก : Laravel Framework
โดย makup อ 06 ต.ค. 2020 12:38 pm บอร์ด PHP Knowledge
0
366
อ 06 ต.ค. 2020 12:38 pm โดย makup
การใช้ google sheet ในการสร้าง ฺBarcode และ QR code
โดย makup อ 06 ต.ค. 2020 11:33 am บอร์ด Google For Work Knowledge
0
221
อ 06 ต.ค. 2020 11:33 am โดย makup
พฤติกรรมผู้บริโภค คืออะไร ในปัจจุบัน!!!
โดย ploypola จ 05 ต.ค. 2020 9:34 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
175
จ 05 ต.ค. 2020 9:34 pm โดย ploypola