รู้จักกับ Google Chart Api(กูเกิ้ลชาร์ตเอพีไอ) แสดงในส่วนลักษณะของกราฟ ด้วยภาษา JavaScript(จาว่าสคลิป)

Jquery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , Jquery ม Ajax

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

paoonline
PHP Hero Member
PHP Hero Member
Posts: 125
Joined: 02/10/2017 10:27 am

รู้จักกับ Google Chart Api(กูเกิ้ลชาร์ตเอพีไอ) แสดงในส่วนลักษณะของกราฟ ด้วยภาษา JavaScript(จาว่าสคลิป)

Post by paoonline »

Google Charts Api(กูเกิ้ล ชาร์จ เอพีไอ)
เป็นเครื่องมือที่ใช้ในการเป็นเครื่องมือที่ในการสร้างแผนภูมิรูปภาพ หรือที่เราเรียกว่ากราฟ(Graphs) หรือชาร์ต (Charts) ที่เอาไว้นำเสนอรายงานต่างๆโดยบริการของกูเกิ้ลชาร์ต(Google Charts) นี้สามารถเรียกใช้ในรูปแบบของ API(เอพีไอ) หรือส่วนต่อประสานโปรแกรมของ Google (กูเกิ้ล) ที่จะแปลงข้อมูลจากฐานข้อมูลสถิติต่างๆ จากเว็บไซต์ของคุณให้แสดงผลออกมาเป็นรูปแบบแผนภูมิที่ เรียบง่าย รูปแบบแผนภูมิรูปภาพ หรือกราฟ ที่สร้างขึ้นจาก URL(ยูอาแอล) กูเกิ้ลชาร์ต(Google Charts) นั้นพัฒนาจากภาษา JavaScript(จาว่าสคลิป) ทำให้สะดวกในการนำไปใช้กับเอกสารประเภท HTML(เอชทีเอ็มแอล) อีกทั้ง กูเกิ้ลชาร์ต(Google Charts) ยังมีรูปแบบของกราฟ หลากหลายรูปแบบให้เลือกนำไปใช้ในการประกอบหน้าจอรายงานสถิติให้เหมาะสมกับชุดข้อมูล และสถานการณ์ที่ต้องนำข้อมูลไปใช้ เช่น Pie chart(พายชาร์จ), Line Charts(ไลท์ชาร์จ), Bars Charts(บาร์ชาร์จ), และรูปแบบต่างๆ อีกมากมาย โดยไม่มีค่าใช้จ่าย

การนำ Google Charts (กูเกิ้ล ชาร์จ) มาใช้พัฒนาระบบ
เข้าเว็บไซค์ Google_Charts จะพบกันหน้าเว็บไซต์เรียบง่าย และข้อความในการบอกถึงการนำ API(เอพีไอ) ของ Google Charts(กูเกิ้ลชาร์ต)ไปใช้จะได้ประโยชน์อะไรบ้าง

1. กด GET STARTED(เก็ต สแตน) เพื่อเลือก Charts(ชาร์จ) ที่ต้องการ
Selection_016.png
Selection_016.png (36.5 KiB) Viewed 1461 times
2. จากนั้นจะมีให้เลือก Charts(ชาร์จ) ที่ต้องการ
จากตัวอย่าง เลือก Pie Chart(พายชาร์จ) โดยการกด Quick start(ควิก สตาร์ท)
Selection_017.png
Selection_017.png (61.33 KiB) Viewed 1461 times
3. จากตัวอย่างเลือก Pie chart(พายชาร์จ) จะพบกับ Code JavaScript(โค๊ดจาว่าสคลิป) สามารถนำมาใช้ได้เลย
Selection_018.png
Selection_018.png (37.29 KiB) Viewed 1485 times
Last edited by paoonline on 09/10/2017 12:14 pm, edited 10 times in total.
konseo
PHP Super Member
PHP Super Member
Posts: 245
Joined: 12/02/2011 12:34 am
Contact:

Re: รู้จักกับ Google Chart Api แสดงในส่วนลักษณะของกราฟ ด้วยภาษา JavaScript

Post by konseo »

ว่าจะนำมาประยุกต์ใช้อยู่ครับ แต่ไม่มีข้อมูลแนว chart ให้แสดงเท่าไหร่
Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “Jquery & Ajax Knowledge”

Who is online

Users browsing this forum: No registered users and 6 guests