โดย Patipat » 14/06/2019 11:37 am
กราฟคือ แผนภูมิที่ใช้จุด แท่ง ภาพ หรือเส้น เป็นต้น แทนค่าของข้อมูลเพื่อเปรียบเทียบข้อมูลในที่นี้เราจะศึกษาเกี่ยวกับกราฟ และการสร้างกราฟ เพื่อนำมาใช้ใน PHP จะทำมาแสดงผลคำนวณภาษีสินเชื่อบ้าน
1. ขั้นตอนแรกในการสร้างกราฟ อันนี้จะยกตัวอย่างกราฟ วงกลมนะครับทำการสร้าง Div เพื่อที่จะแสดงกราฟ id = ชื่อที่จะอ้างถึงกราฟ
[code]<!DOCTYPE html>
<html>
<body>
<h1>MY GRAPH </h1>
<div id="piechart"></div>
</body>
<html>
[/code]
2. ใส่สคริป ไว้ในงานของเราครับ
[code]<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>[/code]
3. และทำการใส่โค๊ดทั้งหมดตามนีเลยนะครับผม เป็นตัวแสดงข้อมูลในกราฟนะครับ สามารถนำไปประยุต์กับงานที่ต้องการจะใช้ได้ครับ ในที่นี้จะยกตัวอย่างเช่น
[code]<!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>[/code]
ผลลัพธ์ก็จะได้ออกมาประมาณนี้ครับผม
- Selection_866.png (18.05 KiB) Viewed 1345 times
ขอบคุณข้อมูลจาก :
https://www.w3schools.com/howto/howto_google_charts.asp
สามารถ
ถาม-ตอบได้ที่เว็บเพจเลยครับ
[size=120]กราฟคือ แผนภูมิที่ใช้จุด แท่ง ภาพ หรือเส้น เป็นต้น แทนค่าของข้อมูลเพื่อเปรียบเทียบข้อมูลในที่นี้เราจะศึกษาเกี่ยวกับ[url=https://mindphp.com/developer/36-jquery/2397-jquery-%E0%B8%97%E0%B8%B3%E0%B8%81%E0%B8%A3%E0%B8%B2%E0%B8%9F-%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2-highcharts.html]กราฟ[/url] และการสร้างกราฟ เพื่อนำมาใช้ใน PHP จะทำมาแสดงผลคำนวณ[url=https://www.mindphp.com/tools/tax/tax.php]ภาษี[/url]สินเชื่อบ้าน
1. ขั้นตอนแรกในการสร้างกราฟ อันนี้จะยกตัวอย่างกราฟ วงกลมนะครับทำการสร้าง Div เพื่อที่จะแสดงกราฟ id = ชื่อที่จะอ้างถึงกราฟ
[code]<!DOCTYPE html>
<html>
<body>
<h1>MY GRAPH </h1>
<div id="piechart"></div>
</body>
<html>
[/code]
2. ใส่สคริป ไว้ในงานของเราครับ
[code]<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>[/code]
3. และทำการใส่โค๊ดทั้งหมดตามนีเลยนะครับผม เป็นตัวแสดงข้อมูลในกราฟนะครับ สามารถนำไปประยุต์กับงานที่ต้องการจะใช้ได้ครับ ในที่นี้จะยกตัวอย่างเช่น
[code]<!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>[/code][/size]
[size=120]
[color=#408000]ผลลัพธ์ก็จะได้ออกมาประมาณนี้ครับผม[/color][/size]
[attachment=0]Selection_866.png[/attachment]
ขอบคุณข้อมูลจาก : https://www.w3schools.com/howto/howto_google_charts.asp
สามารถ [url=https://www.mindphp.com/forums/viewforum.php?f=3]ถาม-ตอบ[/url]ได้ที่เว็บเพจเลยครับ