สร้างกราฟวงกลม ใน PHP

PHP Knowledge เป็น บอร์ดรวามความรู้ php เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
Patipat
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 761
ลงทะเบียนเมื่อ: 10/06/2019 10:12 am

สร้างกราฟวงกลม ใน PHP

โพสต์โดย Patipat » 14/06/2019 11:37 am

กราฟคือ แผนภูมิที่ใช้จุด แท่ง ภาพ หรือเส้น เป็นต้น แทนค่าของข้อมูลเพื่อเปรียบเทียบข้อมูลในที่นี้เราจะศึกษาเกี่ยวกับกราฟ และการสร้างกราฟ เพื่อนำมาใช้ใน PHP จะทำมาแสดงผลคำนวณภาษีสินเชื่อบ้าน

1. ขั้นตอนแรกในการสร้างกราฟ อันนี้จะยกตัวอย่างกราฟ วงกลมนะครับทำการสร้าง Div เพื่อที่จะแสดงกราฟ id = ชื่อที่จะอ้างถึงกราฟ

โค้ด: เลือกทั้งหมด

<!DOCTYPE html>
<html>
<body>
<h1>MY GRAPH </h1>
<div id="piechart"></div>
</body>
<html>



2. ใส่สคริป ไว้ในงานของเราครับ

โค้ด: เลือกทั้งหมด

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>


3. และทำการใส่โค๊ดทั้งหมดตามนีเลยนะครับผม เป็นตัวแสดงข้อมูลในกราฟนะครับ สามารถนำไปประยุต์กับงานที่ต้องการจะใช้ได้ครับ ในที่นี้จะยกตัวอย่างเช่น

โค้ด: เลือกทั้งหมด

<!DOCTYPE html>
<html lang="en-US">
<body>

<h1>MY GRAPH</h1>

<div id="piechart"></div>

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

<script type="text/javascript">
// โหลด Google chart
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);

// เป็นตัวแสดงข้อมูลในกราฟนะครับ สามารถนำไปประยุต์กับงานที่ต้องการจะใช้ได้ครับ ในที่นี้จะยกตัวอย่างเช่น
function drawChart() {
  var data = google.visualization.arrayToDataTable([
  ['สิ่งที่ชอบ', 'ให้คะแนน'],
  ['แมว', 8],
  ['สุนัข', 2],
  ['นก', 4],
  ['งู', 2],
  ['ใส้เดือน', 8]
]);


  var options = {'title':'ความชอบส่วนตัว', 'width':550, 'height':400};


  var chart = new google.visualization.PieChart(document.getElementById('piechart'));
  chart.draw(data, options);
}
</script>

</body>
</html>


ผลลัพธ์ก็จะได้ออกมาประมาณนี้ครับผม

Selection_866.png
Selection_866.png (18.05 KiB) เปิดดู 148 ครั้ง



ขอบคุณข้อมูลจาก : https://www.w3schools.com/howto/howto_google_charts.asp
สามารถ ถาม-ตอบได้ที่เว็บเพจเลยครับ
แก้ไขล่าสุดโดย Patipat เมื่อ 14/06/2019 12:01 pm, แก้ไขไปแล้ว 2 ครั้ง.
If you fall, let you stand. :)

ภาพประจำตัวสมาชิก
thatsawan
PHP VIP Members
PHP VIP Members
โพสต์: 17558
ลงทะเบียนเมื่อ: 31/03/2014 10:02 am
ติดต่อ:

Re: สร้างกราฟ ใน PHP

โพสต์โดย thatsawan » 14/06/2019 11:44 am

Code php อยู่ส่วนไหนค่ะ

ภาพประจำตัวสมาชิก
Patipat
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 761
ลงทะเบียนเมื่อ: 10/06/2019 10:12 am

Re: สร้างกราฟ ใน PHP

โพสต์โดย Patipat » 14/06/2019 11:50 am

โค๊ด PHP อยู่ในส่วนหน้า index.php เลยครับผมมีไฟล์เดียวครับ
If you fall, let you stand. :)


ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 10 และ บุคคลทั่วไป 0 ท่าน